Further improved styling.

Author: renemadsen

eform-client/src/scss/styles.scss

@@ -138,15 +138,15 @@ a {
 
 .grey-background .plan-container {
   background-color: #EBEFF2 !important;
-  width: 96% !important;
-  height: 95% !important;
+  width: 100% !important;
+  height: 100% !important;
   display: flex;
   align-items: stretch;
   justify-content: stretch;
   //width: 100% !important;
   min-height: 100px;
   min-width: 250px !important;
-  padding: 5px;
+  //padding: 5px;
   //margin: 5px;
 }
 
@@ -158,15 +158,15 @@ a {
 }
 
 .white-background .plan-container {
-  width: 96% !important;
-  height: 95% !important;
+  width: 100% !important;
+  height: 100% !important;
   display: flex;
   align-items: stretch;
   justify-content: stretch;
   //width: 100% !important;
   min-height: 100px;
   min-width: 250px !important;
-  padding: 5px;
+  //padding: 5px;
   //margin: 5px;
 }
 
@@ -181,15 +181,15 @@ a {
 
 .green-background .plan-container {
   background-color: #E2F7E7 !important;
-  width: 96% !important;
-  height: 95% !important;
+  width: 100% !important;
+  height: 100% !important;
   display: flex;
   align-items: stretch;
   justify-content: stretch;
   //width: 100% !important;
   min-height: 100px;
   min-width: 250px !important;
-  padding: 5px;
+  //padding: 5px;
   //margin: 5px;
 }
 
@@ -202,15 +202,15 @@ a {
 
 .red-background .plan-container {
   background-color: #FFE1E1 !important;
-  width: 96% !important;
-  height: 95% !important;
+  width: 100% !important;
+  height: 100% !important;
   display: flex;
   align-items: stretch;
   justify-content: stretch;
   //width: 100% !important;
   min-height: 100px;
   min-width: 250px !important;
-  padding: 5px;
+  //padding: 5px;
   //margin: 5px;
 }
 
@@ -223,6 +223,8 @@ a {
 .neutral-icon {
   position: relative !important;
   top: 5px !important;
+  font-weight: 200 !important;
+  font-size: 20px !important;
 }
 
 .black-text {
@@ -293,6 +295,7 @@ a {
 }
 .plan-content {
   flex-grow: 1;
+  padding: 5px;
 }
 
 .plan-icons {