MDCMigration: set padding in regex modal

tensorflow · Oct 10, 2023 · 0d5a651 · 0d5a651
1 parent 2d69040
commit 0d5a651
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/tensorboard/webapp/runs/views/runs_table/regex_edit_dialog_component.scss b/tensorboard/webapp/runs/views/runs_table/regex_edit_dialog_component.scss
@@ -14,6 +14,8 @@ limitations under the License.
 ==============================================================================*/
 @import 'tensorboard/webapp/theme/tb_theme';
 
+$padding-size: 16px;
+
 .example-details {
   button {
     background-color: transparent;
@@ -26,13 +28,14 @@ limitations under the License.
       @include tb-theme-foreground-prop(color, link-visited);
     }
   }
+  padding: $padding-size;
 }
 
 .group-container {
-  margin: 10px 0;
+  margin: $padding-size;
 
   h4 {
-    margin-bottom: 10px;
+    margin-bottom: $padding-size;
   }
 
   .warning {
@@ -45,7 +48,7 @@ limitations under the License.
   @include tb-theme-foreground-prop(border, border, 1px solid);
   max-height: 50vh;
   overflow-y: auto;
-  padding: 20px;
+  padding: $padding-size;
 }
 
 .match-container {
@@ -78,15 +81,15 @@ mat-form-field {
   @include tb-theme-foreground-prop(border, border, 1px solid);
   border-radius: 3px;
   margin: 0;
-  padding: 10px;
+  padding: $padding-size;
 
   label {
     @include tb-theme-foreground-prop(border-bottom, border, 1px solid);
     align-items: center;
     display: grid;
     gap: 10px;
     grid-template-columns: max-content auto;
-    padding: 5px 0;
+    padding: $padding-size 0;
 
     .group-id {
       font-size: 0.95em;
@@ -109,6 +112,6 @@ mat-form-field {
   .more,
   .no-match {
     @include tb-theme-foreground-prop(color, secondary-text);
-    margin-top: 5px;
+    margin-top: $padding-size;
   }
 }