Move common declarations to the common css file

FlexConfirmMail · Oct 18, 2024 · 629f060 · 629f060
1 parent 9d30a17
commit 629f060
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 40 deletions.
diff --git a/src/web/confirm.css b/src/web/confirm.css
@@ -1,14 +1,3 @@
-fluent-card {
-  margin-top: 20px;
-  padding-bottom: 20px;
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-fluent-divider {
-  margin: 1em 0;
-}
-
 .heading-container {
   display: flex;
   align-items: center;
@@ -32,15 +21,6 @@ fluent-divider {
   color:red;
 }
 
-.button-container {
-  margin-top: 20px;
-  text-align: right;
-}
-
-#cancel-button {
-  margin-left: 10px;
-}
-
 /* fluent-dialog {
   --dialog-background-color: red;
   background: red !important;
@@ -86,4 +66,4 @@ fluent-dialog .newly-added-domain-content strong {
 
 .new-domain-button-container {
   margin-top: 20px;
-}
+}
diff --git a/src/web/count-down.css b/src/web/count-down.css
@@ -1,19 +1,3 @@
-fluent-card {
-  margin-top: 20px;
-  padding-bottom: 20px;
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
 #count {
   font-size: x-large;
 }
-
-.button-container {
-  margin-top: 20px;
-  text-align: right;
-}
-
-#cancel-button {
-  margin-left: 10px;
-}
diff --git a/src/web/dialog.css b/src/web/dialog.css
@@ -1,3 +1,14 @@
+fluent-card {
+  margin-top: 20px;
+  padding-bottom: 20px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+fluent-divider {
+  margin: 1em 0;
+}
+
 .card-container {
   display: flex;
   flex-direction: column;
@@ -8,6 +19,12 @@
   width: 100%;
 }
 
+.cards,
+.button-container {
+  padding-left: 20px; 
+  padding-right: 20px;
+}
+
 .cards {
   align-items: stretch;
   display: flex;
@@ -16,8 +33,12 @@
   overflow: auto;
 }
 
-.cards,
 .button-container {
-  padding-left: 20px; 
-  padding-right: 20px;
+  padding-bottom: 10px;
+  margin-top: 20px;
+  text-align: right;
+}
+
+#cancel-button {
+  margin-left: 10px;
 }