style: fix weird left paddings in activate modal

opengovsg · Aug 4, 2020 · a255199 · a255199
1 parent b7b88dd
commit a255199
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/src/public/modules/forms/admin/css/view-responses.css b/src/public/modules/forms/admin/css/view-responses.css
@@ -253,7 +253,6 @@
 #secret-key .instructions-caption {
   margin-top: 15px;
   margin-bottom: 15px;
-  padding-left: 16px;
   text-align: center;
 }
 
@@ -327,9 +326,9 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -366,9 +365,8 @@
 }
 
 #secret-key #enter-secret-key input {
-  width: 513px;
   height: 54px;
-  margin: 0 10px;
+  margin-right: 10px;
 }
 
 #secret-key .input-acknowledgement {
@@ -418,7 +416,6 @@
 
 #secret-key .instructions {
   text-align: left;
-  padding-left: 16px;
 }
 
 #secret-key .warning-acknowledgement {
@@ -436,9 +433,6 @@
   #secret-key .instructions-container {
     width: calc(100% - 115px);
   }
-  #secret-key .input-acknowledgement {
-    margin: 10px 10px 0;
-  }
 }
 
 #secret-key .alert-info i {