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 index 323baf01ad5..99c650a317b 100644 --- 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,7 +79,7 @@ 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); @@ -86,7 +87,7 @@ mat-form-field { 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; } }