Wrap buttons on smaller screen. Fixes freelensapp/freelens#111

freelensapp · Jan 31, 2025 · 9546f44 · 9546f44
1 parent 11df787
commit 9546f44
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Freelens - A Graphical IDE for Kubernetes</title>
-    <link rel="stylesheet" href="style.css?rev=2" />
+    <link rel="stylesheet" href="style.css?rev=3" />
     <script async defer src="https://buttons.github.io/buttons.js"></script>
     <!-- Website verification abe7a4da-07a6-4a85-ad59-0c135521ee62 -->
   </head>

diff --git a/style.css b/style.css
@@ -86,7 +86,6 @@ table {
   font-size: 1em;
   border-radius: 4px; /* Aggiunto bordo arrotondato */
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Aggiunta ombra al pulsante */
-  white-space: nowrap;
 }
 
 .download-button:hover {
@@ -160,6 +159,12 @@ footer {
 }
 
 /* Media Queries for Responsiveness */
+@media (min-width: 870) {
+  .download-button {
+    white-space: nowrap;
+  }
+}
+
 @media (max-width: 768px) {
   .github-container {
     margin-top: 0px;