corrected spacing for open knowledge brasil link on topbar

okfn-brasil · Jan 10, 2024 · 72daf7a · 72daf7a
1 parent 5e40d12
commit 72daf7a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/app/packs/stylesheets/okbr/_nav.scss b/app/packs/stylesheets/okbr/_nav.scss
@@ -1,7 +1,11 @@
 #okbr-link {
-  margin: auto 1rem;
+  flex: 2 0 auto;
+  align-self: center;
 }
 
+.org-logo {
+  flex: 2 0 auto;
+}
 .navbar {
   background-color: white;
   color: black;
@@ -61,6 +65,7 @@
     }
     #okbr-link {
       margin: 1.2rem 0 0;
+      align-self: flex-start;
     }
 
     .okbr-search {
@@ -75,3 +80,14 @@
       border-right: 0px;
     }
 }
+
+@media all and (max-width: 820px) {
+  .topbar > div.logo-wrapper {
+    flex-direction: column;
+  }
+
+  #okbr-link {
+    margin: 1.2rem 0 0;
+    align-self: flex-start;
+  }
+}
diff --git a/app/views/layouts/decidim/_wrapper.html.erb b/app/views/layouts/decidim/_wrapper.html.erb
@@ -44,11 +44,14 @@ end
             <% end %>
             <div class="row column topbar">
               <div class="logo-wrapper">
-                <%= render partial: "layouts/decidim/logo", locals: { organization: current_organization } %>
+                <div class="org-logo">
+                  <%= render partial: "layouts/decidim/logo", locals: { organization: current_organization } %>
+                </div>
                 <div id="okbr-link">
                   <%= link_to "open knowledge brasil", "https://ok.org.br/", target: "_blank", rel: "nofollow" %>
-                </div>
-              </div>             
+                </div> 
+              </div>            
+
               <%= render partial: "layouts/decidim/topbar_search" %>
               <%= render partial: "layouts/decidim/language_chooser" %>
               <div class="hide-for-medium topbar__menu">