Improve radio button CSS

sissbruecker · Sep 10, 2023 · b5199e6 · b5199e6
1 parent fb2e2e3
commit b5199e6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git a/bookmarks/styles/base.scss b/bookmarks/styles/base.scss
@@ -87,15 +87,6 @@ span.confirmation {
   }
 }
 
-.radio-group {
-  .form-label {
-    padding-bottom: 0;
-  }
-  .form-radio.form-inline {
-    margin: 0;
-  }
-}
-
 /* Additional utilities */
 
 .truncate {

diff --git a/bookmarks/styles/bookmark-page.scss b/bookmarks/styles/bookmark-page.scss
@@ -85,6 +85,23 @@
       display: flex;
       justify-content: space-between;
     }
+
+    .radio-group {
+      .form-label {
+        padding-bottom: 0;
+      }
+      .form-radio.form-inline {
+        margin: 0 $unit-2 0 0;
+        padding: 0;
+        display: inline-flex;
+        align-items: center;
+        column-gap: $unit-1;
+      }
+      .form-icon {
+        top: 0;
+        position: relative;
+      }
+    }
   }
 }