From aeea325ae1a2ca716388bbf7f5ef0f7cf0cdde31 Mon Sep 17 00:00:00 2001
From: Jorge Miguel Lobo Escalona
 <47326048+jloboescalona2@users.noreply.github.com>
Date: Fri, 22 May 2020 11:51:42 +0200
Subject: [PATCH] M #~: center logo in menu (#4796)

---
 src/sunstone/public/app/utils/menu/top-row.hbs | 8 ++++----
 src/sunstone/public/scss/_layout.scss          | 2 +-
 src/sunstone/public/scss/app.scss              | 6 ++++++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/sunstone/public/app/utils/menu/top-row.hbs b/src/sunstone/public/app/utils/menu/top-row.hbs
index 02274e2a28..05c73f801a 100644
--- a/src/sunstone/public/app/utils/menu/top-row.hbs
+++ b/src/sunstone/public/app/utils/menu/top-row.hbs
@@ -16,13 +16,13 @@
 
 <div class="small-12 columns">
   <div id="" class="row sunstone-menu-body sunstone-menu-header media-object">
-    <ul class="logo-header menu small-8 medium-4 large-4 columns">
-      <li>
+    <ul class="logo-header menu small-6 medium-3 large-2 columns">
+      <li class="medium-hide">
         <button id="menu-toggle" class="button secondary small">
           <i class="fas fa-bars"></i>
         </button>
       </li>
-      <li>
+      <li class="large-2 text-center small-8">
         <img class="opennebula-img" src="{{logo}}"/>
         {{#if link_text}}
           {{#if link}}
@@ -31,7 +31,7 @@
         {{/if}}
       </li>
     </ul>
-    <div class="small-4 medium-8 large-8 columns">
+    <div class="small-4 medium-9 large-8 columns">
       <div class="user-zone-info right">
       </div>
     </div>
diff --git a/src/sunstone/public/scss/_layout.scss b/src/sunstone/public/scss/_layout.scss
index 794501a025..9edb9e2248 100644
--- a/src/sunstone/public/scss/_layout.scss
+++ b/src/sunstone/public/scss/_layout.scss
@@ -15,7 +15,7 @@
 }
 
 .sunstone-menu-header {
-  padding: 0 1rem;
+  padding: 0;
 }
 
 
diff --git a/src/sunstone/public/scss/app.scss b/src/sunstone/public/scss/app.scss
index 89417a0377..fd37a3c44e 100644
--- a/src/sunstone/public/scss/app.scss
+++ b/src/sunstone/public/scss/app.scss
@@ -256,3 +256,9 @@ meter {
   text-overflow: ellipsis;
   line-height: 1.4rem;
 }
+
+@media screen and (min-width: 64em){
+  .medium-hide {
+      display: none !important;
+  }
+}
\ No newline at end of file