Reserve space for condition border to avoid redraw and column shift

Paul-Ladyman · May 5, 2024 · c6b4db9 · c6b4db9
1 parent b47879f
commit c6b4db9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dnd-battle-tracker",
-  "version": "5.104.1",
+  "version": "5.104.2",
   "private": true,
   "dependencies": {
     "@apollo/client": "^3.9.2",

diff --git a/src/components/App.css b/src/components/App.css
@@ -730,7 +730,8 @@ label {
 
 .condition [role="checkbox"] {
   display: inline-block;
-  padding: 4px 8px;
+  padding: 3px 7px;
+  border: 1px solid transparent;
   cursor: pointer;
   border-radius: 15px;
   margin-bottom: 8px;
@@ -750,15 +751,13 @@ label {
 }
 
 .condition [role="checkbox"]:hover {
-  padding: 3px 7px;
   background-color: #EBE1AD;
   border: 1px solid #822000;
   box-shadow: 0 0 5px #979aa4;
   outline: none;
 }
 
 .condition [role="checkbox"]:focus-within {
-  padding: 3px 7px;
   background-color: #EBE1AD;
   border: 1px solid #822000;
   outline: 1px solid #822000;