X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=css%2Fcivicrm.css;h=b627f94813292ea680cb4b674689178ec972d11f;hb=a92d81a18444cc817399df7381e5488c9d0c069f;hp=722d5588ee5f8cb2b9c716f7cc2c24bd6051e32b;hpb=a99004439485fd681dd32c738e7fae19919eafa5;p=civicrm-core.git

diff --git a/css/civicrm.css b/css/civicrm.css
index 722d5588ee..b627f94813 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -21,9 +21,12 @@
 
 .crm-container .crm-flex-box {
   display: flex;
+  flex-wrap: wrap;
+  box-sizing: border-box;
 }
 .crm-container .crm-flex-box > * {
   flex: 1;
+  box-sizing: border-box;
   min-width: 0; /* prevents getting squashed by whitespace:nowrap content */
 }
 .crm-container .crm-flex-box > .crm-flex-2 {
@@ -35,6 +38,9 @@
 .crm-container .crm-flex-box > .crm-flex-4 {
   flex: 4;
 }
+.crm-container .crm-flex-box > .crm-flex-5 {
+  flex: 5;
+}
 
 .crm-container .crm-draggable {
   cursor: move;