Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 344: / Line 344: @@
    background-image:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
+  /* Place slider first, helper text under it */
+  display:flex;
+  flex-direction:column;
+  gap:8px;
+}
+/* Reorder siblings without changing Lua/JS markup */
+.sv-skill-level .sv-level-range--custom,
+.sv-skill-level .sv-level-range[data-sv-slider="1"]{
+  order:1;
+}
+.sv-skill-level .sv-level-ui{
+  order:2;
+  display:block;
+  text-align:center;
+  margin:0;
 }
@@ Line 379: / Line 396: @@
      font-size:11px;
    }
-}
-.sv-gi-card .sv-level-ui,
-.sv-skill-card .sv-level-ui{
-  display:block;
-  text-align:center;
-  margin-bottom:8px;
 }
@@ Line 400: / Line 409: @@
 .sv-gi-card .sv-level-label:after,
 .sv-skill-card .sv-level-label:after{
-   content:"Move to select level of skill";
+  /* ≤5 words, slider instruction */
+   content:"Slide to set level";
    display:block;