MDCMigration: set padding in regex modal

tensorflow · Oct 10, 2023 · 981628b · 981628b
1 parent 2d69040
commit 981628b
Showing 1 changed file with 7 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
@@ -26,13 +26,14 @@ limitations under the License.
       @include tb-theme-foreground-prop(color, link-visited);
     }
   }
+  padding: 16px;
 }
 
 .group-container {
-  margin: 10px 0;
+  margin: 16px;
 
   h4 {
-    margin-bottom: 10px;
+    margin-bottom: 16px;
   }
 
   .warning {
@@ -45,7 +46,7 @@ limitations under the License.
   @include tb-theme-foreground-prop(border, border, 1px solid);
   max-height: 50vh;
   overflow-y: auto;
-  padding: 20px;
+  padding: 16px;
 }
 
 .match-container {
@@ -78,15 +79,15 @@ mat-form-field {
   @include tb-theme-foreground-prop(border, border, 1px solid);
   border-radius: 3px;
   margin: 0;
-  padding: 10px;
+  padding: 16px;
 
   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: 16px 0;
 
     .group-id {
       font-size: 0.95em;
@@ -109,6 +110,6 @@ mat-form-field {
   .more,
   .no-match {
     @include tb-theme-foreground-prop(color, secondary-text);
-    margin-top: 5px;
+    margin-top: 16px;
   }
 }