remove github icon on small screens (#752)

chillenberger · web-flow · commit c131237776b8 · 2023-06-17T08:49:01.000-06:00
diff --git a/pgml-dashboard/templates/layout/nav/top.html b/pgml-dashboard/templates/layout/nav/top.html
@@ -14,7 +14,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul class="navbar-nav flex-grow-1 gap-4 me-auto mb-2 mb-lg-0">
+          <ul class="navbar-nav flex-grow-1 gap-4 me-auto mb-4 mb-lg-0">
             <% if standalone_dashboard { %>
             <li class="nav-item d-flex align-items-center">
               <a class="nav-link p-0" href="/dashboard">Dashboard</a>
@@ -33,10 +33,13 @@
             </li>
           </ul>
   
-          <ul class="navbar-nav gap-3 mb-2 mb-lg-0">
-            <li class="d-flex align-items-center">
+          <ul class="navbar-nav gap-4 gap-lg-3 mb-2 mb-lg-0">
+            <li class="d-flex align-items-center d-none d-lg-block">
               <% include!("../../components/github_icon.html"); %>
             </li>
+            <li class="d-flex align-items-center d-block d-lg-none">
+              <a class="nav-link p-0" href="https://github.com/postgresml/postgresml">Open Source</a>
+            </li>
             <li class="nav-item d-flex align-items-center">
               <button type="text" class="btn-search nav-link p-0" name="search" data-bs-toggle="modal" data-bs-target="#search" autocomplete="off" data-search-target="searchTrigger" data-action="search#openSearch">
                 Search
