Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 767: / Line 767: @@
    column-gap:16px;
    row-gap:0;
-   align-items:start;
+   align-items:stretch;
 }
@@ Line 773: / Line 773: @@
    min-width:0;
    max-width:100%;
-   padding:0;
+  min-height:182px;
+   padding:12px;
+  display:flex;
+  flex-direction:column;
+  justify-content:flex-start;
    border:0;
-   border-radius:14px;
+   border-radius:16px;
    background:var(--sv-ui-bg2);
    background-image:none;
@@ Line 801: / Line 807: @@
 }
-/* Modifiers use the pills as the only real framing. */
+/* Modifiers --------------------------------------------------------------- */
 .sv-skill-tabs .sv-mech-mod-grid{
    display:grid;
@@ Line 807: / Line 814: @@
    gap:10px;
    align-content:start;
+  flex:1 1 auto;
 }
@@ Line 826: / Line 834: @@
    background-image:none;
    box-shadow:none;
-}
-.sv-skill-tabs .sv-mech-mod-pill.sv-hover-lift,
-.sv-skill-tabs .sv-mech-mod-pill:hover{
-  background:var(--sv-ui-bg3);
 }
@@ Line 857: / Line 860: @@
 }
-/* Keywords now use a balanced 2-column grid. */
+/* Keywords ---------------------------------------------------------------- */
 .sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills{
    display:grid;
@@ Line 863: / Line 867: @@
    gap:10px;
    align-content:start;
+  flex:1 1 auto;
 }