From 44a226a2de569c1b7a08bed596738d00ead93768 Mon Sep 17 00:00:00 2001 From: Stefano Ottolenghi Date: Mon, 28 May 2018 09:14:46 +0200 Subject: [PATCH 1/3] Enlarged modules box up to 250px, so that buttons don't overlap anymore --- modules/settings/lib/settings.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/modules/settings/lib/settings.css b/modules/settings/lib/settings.css index 773dbe125..d6187578f 100644 --- a/modules/settings/lib/settings.css +++ b/modules/settings/lib/settings.css @@ -28,7 +28,7 @@ } .edit-flow-modules .edit-flow-module { - width: 210px; + width: 250px; min-height: 150px; position: relative; float: left; @@ -64,7 +64,7 @@ position: absolute; bottom: 0px; left: 10px; - width: 210px; + width: 250px; } .edit-flow-modules .edit-flow-module .button-primary { @@ -227,4 +227,4 @@ h3.nav-tab-wrapper { #adminmenu .toplevel_page_ef-settings .wp-menu-image img { width: 16px; height: 16px; -} \ No newline at end of file +} From bb9525f3f36cd9f9b9322afc10c9347ffea2ae44 Mon Sep 17 00:00:00 2001 From: Stefano Ottolenghi Date: Tue, 29 May 2018 09:45:18 +0200 Subject: [PATCH 2/3] Removing min-width in module boxes containers, so that the layout can be responsive and adapt itself to different resolutions. --- modules/settings/lib/settings.css | 1 - 1 file changed, 1 deletion(-) diff --git a/modules/settings/lib/settings.css b/modules/settings/lib/settings.css index d6187578f..2c83b970c 100644 --- a/modules/settings/lib/settings.css +++ b/modules/settings/lib/settings.css @@ -21,7 +21,6 @@ } .edit-flow-modules { - min-width: 740px; width: 100%; overflow: hidden; margin-top: 20px; From 86b036cfbbc02fb2e7efbb8d0293700b2c93a0a9 Mon Sep 17 00:00:00 2001 From: Stefano Ottolenghi Date: Fri, 15 Jun 2018 11:48:17 +0200 Subject: [PATCH 3/3] Added flexbox directives --- modules/settings/lib/settings.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/modules/settings/lib/settings.css b/modules/settings/lib/settings.css index 2c83b970c..3cd6480a5 100644 --- a/modules/settings/lib/settings.css +++ b/modules/settings/lib/settings.css @@ -24,6 +24,8 @@ width: 100%; overflow: hidden; margin-top: 20px; + display: flex; + flex-wrap: wrap; } .edit-flow-modules .edit-flow-module { @@ -89,6 +91,11 @@ box-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBB', endColorstr='#888'); text-shadow: none; + float: right; +} + +.edit-flow-modules .edit-flow-module .button-primary.enable-disable-edit-flow-module { + float: left; } .edit-flow-modules .edit-flow-module .button-primary.configure-edit-flow-module:hover {