Reorder nav items for mobile and hide org name (#1284)

app/views/layouts/shared/_navbar.html.erb

@@ -1,15 +1,5 @@
 <nav class="navbar navbar-expand-lg bg-transparent shadow-none px-0 py-3">
   <div class="container-fluid px-4">
-    <div class="d-flex gap-2">
-      <% if Current.organization.avatar.attached? %>
-        <%= image_tag Current.organization.avatar, alt: current_organization_name, title: current_organization_name, height: 30 %>
-      <% end %>
-
-      <%= link_to home_index_path, class: 'navbar-brand fw-bold text-black' do %>
-        <%= Current.organization.name %>
-      <% end %>
-    </div>
-
     <div class="d-flex align-items-center order-lg-3">
       <div>
         <button class="navbar-toggler collapsed me-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-default3" aria-controls="navbar-default3" aria-expanded="false" aria-label="Toggle navigation">
@@ -30,6 +20,16 @@
       <% end %>
     </div>
 
+    <div class="d-flex gap-2">
+      <% if Current.organization.avatar.attached? %>
+        <%= image_tag Current.organization.avatar, alt: current_organization_name, title: current_organization_name, height: 30 %>
+      <% end %>
+
+      <%= link_to home_index_path, class: 'navbar-brand fw-bold text-black d-none d-sm-block' do %>
+        <%= Current.organization.name %>
+      <% end %>
+    </div>
+
     <!-- Collapse -->
     <div class="justify-content-end collapse navbar-collapse" id="navbar-default3">
       <ul class="navbar-nav">