regenerate css for blue and orange themes

ot_templating/Resources/Public/assets/style/theme-blue.css

@@ -129,9 +129,9 @@ ul.dropdown-left {
   /* NEW, Spec - Opera 12.1, Firefox 20+ */
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
   list-style: none;
   background-color: #4869d6;
-  height: 50px;
   padding: 0;
   align-items: center;
 }
@@ -141,13 +141,15 @@ ul.dropdown-left {
 }
 
 #menu li a {
-  color: #ffffff;
-  font-weight: 600;
-  height: 100%;
   display: flex;
+  flex-direction: row;
   align-items: center;
-  padding-left: 0.8em;
-  padding-right: 0.8em;
+  height: 100%;
+  min-height: 26px;
+  padding: 12px;
+  color: #ffffff;
+  font-weight: 600;
+  text-align: center;
 }
 
 #menu li:hover {
@@ -176,7 +178,6 @@ ul.dropdown-left {
 
 #menu .dropdown-menu a {
   color: #262626;
-  padding: 0.8em;
 }
 
 #menu .dropside-menu {

ot_templating/Resources/Public/assets/style/theme-orange.css

@@ -129,9 +129,9 @@ ul.dropdown-left {
   /* NEW, Spec - Opera 12.1, Firefox 20+ */
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
   list-style: none;
   background-color: #ff6200;
-  height: 50px;
   padding: 0;
   align-items: center;
 }
@@ -141,13 +141,15 @@ ul.dropdown-left {
 }
 
 #menu li a {
-  color: #091534;
-  font-weight: 600;
-  height: 100%;
   display: flex;
+  flex-direction: row;
   align-items: center;
-  padding-left: 0.8em;
-  padding-right: 0.8em;
+  height: 100%;
+  min-height: 26px;
+  padding: 12px;
+  color: #091534;
+  font-weight: 600;
+  text-align: center;
 }
 
 #menu li:hover {
@@ -176,7 +178,6 @@ ul.dropdown-left {
 
 #menu .dropdown-menu a {
   color: #262626;
-  padding: 0.8em;
 }
 
 #menu .dropside-menu {