Up-in-the-Air – commitdiff

Clone
You can use Git to clone the repository via the web URL. Download snapshot (zip)
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 0d53d71)
Styling updates for keyboard rebinding menu
authorJulian Fietkau <git@fietkau.software>
Wed, 25 Sep 2024 23:37:11 +0000 (01:37 +0200)
committerJulian Fietkau <git@fietkau.software>
Wed, 25 Sep 2024 23:37:11 +0000 (01:37 +0200)
index.html patch | blob | history

diff --git a/index.html b/index.html
index 6f9d97fcd5bd5a6d0578b9156f3fbc9a54921c6c..a95f7ea685e4d34903af91387307bdc09a3bd37e 100644 (file)
--- a/index.html
+++ b/index.html
@@ -418,21 +418,35 @@
     gap: 1ex;
     width: max-content;
   }
-  .ui-page.options .keyboard {
+  .ui-page.options .area.twocol .keyboard {
     display: flex;
     flex-direction: column;
-    gap: 1ex;
+    justify-content: flex-start;
+    gap: 1em;
   }
-  .ui-page.options .keyboard div:nth-child(2) label {
-    width: 10em;
+  .ui-page.options .keyboard div:nth-child(2) {
+    width: max-content;
     margin: 0 auto;
     display: flex;
-    justify-content: flex-end;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-end;
   }
   .ui-page.options .keyboard label button {
     box-sizing: border-box;
-    margin: .7ex;
-    width: 6em;
+    margin: .7ex 0 .7ex .7ex;
+    padding: 0;
+    width: 5em;
+    height: 1.5em;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+  .ui-page.options .keyboard  div > button {
+    align-self: center;
+    margin-top: 1em;
   }
   .ui-page.keyboard-modal {
     z-index: 20;