Reduce wasted space in civicrm dashboard margins
authorcolemanw <coleman@civicrm.org>
Fri, 26 Feb 2021 19:03:51 +0000 (14:03 -0500)
committerColeman Watts <coleman@civicrm.org>
Fri, 26 Feb 2021 19:20:07 +0000 (14:20 -0500)
This removes the extra margins to the top and sides of the home dashboard page, only placing margins between the dashlets.

css/dashboard.css

index ff84027a6229951fc1feab9232e93712cc1e23ca..63d78c17764e677aba747a605d1657847fc36aa1 100644 (file)
@@ -1,5 +1,6 @@
 #civicrm-dashboard > .crm-flex-box {
   min-height: 200px;
+  column-gap: 10px;
 }
 
 #civicrm-dashboard > .crm-flex-box > .crm-flex-2 {
@@ -10,7 +11,7 @@
 }
 
 .crm-container .crm-dashlet {
-  margin: 10px;
+  margin-bottom: 10px;
   box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
   border-radius: 3px;
 }