Adjust centering of values in circles for Firefox, Chrome and Edge

2021-05-10 21:01:04 +02:00
parent 2d34d42760
commit fe2e0412a6
2 changed files with 45 additions and 51 deletions
@@ -748,7 +748,7 @@ input[type="number"].sheet-form__field {
 }

 .sheet-input-circle {
-    position: relative;
+    display: flex;
    width: 25px;
    height: 25px;
    background-color: #0489b1;
@@ -762,9 +762,7 @@ input[type="number"].sheet-form__field {
 }

 .sheet-input-circle > input {
-    position: absolute;
-    top: 5px; 
-    left: 0;
+    border: none;
    background-color: transparent;
    color: white;
    border-color: transparent;
@@ -772,10 +770,6 @@ input[type="number"].sheet-form__field {
    text-align: center;
 }

-.sheet-input-circle--lg > input {
-    top: 8px; 
-}
-
 .sheet-card {
    border: 1px solid gray;
    border-radius: 5px;