better compact alignment

DarkIntaqt · Mar 26, 2024 · ccfea83 · ccfea83
1 parent e1edbb8
commit ccfea83
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/src/css/challengeObject.module.css b/src/css/challengeObject.module.css
@@ -14,6 +14,7 @@
     margin: 5px;
     height: 60px;
     transition: 0.2s linear background-color;
+    align-items: center;
 
     overflow: hidden;
 }
@@ -30,17 +31,13 @@
     filter: brightness(0.5);
 }
 
-.group {
-    height: 40px;
-}
-
 .compact.challenge > .group > p.heading {
     font-size: 1rem;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    margin: 5px 5px 0;
+    margin: 0 5px 5px;
 }
 
 .compact.challenge > .group > p.type {
@@ -56,8 +53,6 @@
 
 .compact.challenge > .description {
     display: flex;
-    height: 40px;
-    align-items: center;
 }
 
 .compact.challenge > .description > p {
@@ -78,7 +73,6 @@
     color: var(--type);
     text-align: center;
     white-space: nowrap;
-    margin: auto;
 }
 
 .compact.challenge > .modes {