From 6325c161e3c61894d2db607450290779d32e9513 Mon Sep 17 00:00:00 2001
From: Yin Zhang <yinzz@google.com>
Date: Tue, 5 Sep 2023 15:55:47 -0700
Subject: [PATCH] common style change for mat-form-field (mdc component
 migration)

PiperOrigin-RevId: 562917277
---
 frontend/app/styles/common.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/app/styles/common.scss b/frontend/app/styles/common.scss
index b8d94ee81..59b510354 100644
--- a/frontend/app/styles/common.scss
+++ b/frontend/app/styles/common.scss
@@ -48,6 +48,16 @@ $dark-theme-card-title-color: #fff;
   padding: 20px 20px 0;
 }
 
+mat-card {
+  // MDC mat-card does not have padding by default
+  // Add padding to keep style persistent during migration
+  padding: 16px;
+}
+
+mat-form-field {
+  margin-top: 16px;
+}
+
 @mixin overview-card {
   box-shadow: none !important;
   margin: 8px;