Fix counter

jrmi · Mar 9, 2024 · b519658 · b519658
1 parent 605c035
commit b519658
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/gameComponents/Counter/Counter.jsx b/src/gameComponents/Counter/Counter.jsx
@@ -23,7 +23,9 @@ const CounterPane = styled.div`
       padding: 1rem;
       margin: 0;
       border: none;
-      margin-top: -1px;
+      min-width: 40px;
+      font-size: 1.2em;
+      flex: 1;
     }
 
     input {
@@ -33,11 +35,14 @@ const CounterPane = styled.div`
       border-radius: 0 !important;
       border: none !important;
       margin: 0 -1px;
+      flex: 5;
     }
 
     h3 {
+      line-height: 1em;
       user-select: none;
       padding: 0;
+      padding-bottom: 0.5em;
       margin: 0;
     }
   `}
@@ -81,7 +86,7 @@ const Counter = ({
 
   return (
     <CounterPane color={color}>
-      <h3>{label}</h3>
+      {label && <h3>{label}</h3>}
       <div className="counter-content">
         <button
           onClick={decrement}