Merge pull request #2 from RappyLabyAddons/feature/ui-update

RappyLabyAddons · Oct 8, 2024 · e1a4565 · e1a4565
2 parents 2b7fcbf + 2dbd8b4
commit e1a4565
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/core/src/main/java/com/rappytv/signsearch/gui/navigation/SignSearchNavigationActivity.java b/core/src/main/java/com/rappytv/signsearch/gui/navigation/SignSearchNavigationActivity.java
@@ -33,10 +33,12 @@ public void initialize(Parent parent) {
             .addId("input-container");
 
         HorizontalListWidget header = new HorizontalListWidget()
-            .addId("header");
+            .addId("header")
+            .addId("row");
 
         DivWidget searchDiv = new DivWidget()
-            .addId("input");
+            .addId("input")
+            .addId("search-wrapper");
 
         ComponentWidget searchLabel = ComponentWidget.i18n("signsearch.ui.label.search")
             .addId("input-label");
@@ -69,7 +71,7 @@ public void initialize(Parent parent) {
             .addId("advanced-options-label");
 
         DivWidget blacklistDiv = new DivWidget()
-            .addId("input");
+            .addId("row");
 
         ComponentWidget blacklistLabel = ComponentWidget.i18n("signsearch.ui.label.blacklist")
             .addId("input-label");

diff --git a/core/src/main/resources/assets/signsearch/themes/vanilla/lss/sign-search.lss b/core/src/main/resources/assets/signsearch/themes/vanilla/lss/sign-search.lss
@@ -12,20 +12,16 @@
     }
 
     .header {
-        height: 40;
-        width: 100%;
-        space-between-entries: 10;
+        space-between-entries: 15;
 
         .input {
             height: 100%;
-            width: 100;
-            alignment: center;
+            width: 70%;
         }
 
         .checkbox-div {
             height: 100%;
-            width: 20;
-            alignment: center;
+            width: 20%;
         }
     }
 
@@ -34,9 +30,19 @@
         margin-bottom: 10;
     }
 
-    .input {
+    .row {
+        alignment-x: center;
+        width: 40%;
         height: 40;
-        width: 100;
+    }
+
+    .input-label {
+        alignment-x: center;
+    }
+
+    .input-item {
+        height: 100%;
+        width: 100%;
         alignment-x: center;
     }
 
@@ -71,7 +77,6 @@
 
 .checkbox-label {
     top: 0;
-    left: 50%;
     alignment-x: center;
     font-size: 0.8;
 }