From cbc0b4837f1e080007341ca7c7d12f581eb8e4c4 Mon Sep 17 00:00:00 2001
From: Ziad-I <68874104+Ziad-I@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:50:59 +0300
Subject: [PATCH] add icons to navbar and make it smaller

---
 .../bim/data/webui/static/css/drawings.css    | 10 +++----
 .../bim/data/webui/static/css/gantt.css       | 10 +++----
 .../bim/data/webui/static/css/index.css       | 10 +++----
 .../bim/data/webui/templates/drawings.html    | 25 ++++++++++++++---
 .../bim/data/webui/templates/gantt.html       | 25 ++++++++++++++---
 .../bim/data/webui/templates/index.html       | 27 ++++++++++++++++---
 6 files changed, 80 insertions(+), 27 deletions(-)

diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/css/drawings.css b/src/blenderbim/blenderbim/bim/data/webui/static/css/drawings.css
index 1af481b1cd..21d05f007c 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/css/drawings.css
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/css/drawings.css
@@ -9,8 +9,8 @@
     --padding-small: 0.625rem;
     --padding-medium: 1rem;
     --font-size-large: 1.2rem;
-    --logo-height: 2.5rem;
-    --nav-height: 2.5rem;
+    --logo-height: 1.5rem;
+    --nav-height: 0.625rem;
 }
 
 :root.dark {
@@ -81,20 +81,18 @@ nav .logo {
 nav ul {
     list-style-type: none;
     margin: 0;
-    margin-left: 0.0625rem;
     display: flex;
-    flex-grow: 1;
+    flex: 1;
     justify-content: center;
 }
 
 nav ul li {
-    margin-right: 3.125rem;
+    margin-right: var(--margin-large);
 }
 
 nav ul li a {
     text-decoration: none;
     color: var(--blender-text, var(--nav-link-color));
-    font-size: var(--font-size-large);
 }
 
 nav ul li a:hover,
diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css b/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css
index 225547ff78..51381dac91 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css
@@ -10,8 +10,8 @@
     --padding-medium: 1rem;
     --font-size-small: 1rem;
     --font-size-large: 1.2rem;
-    --logo-height: 2.5rem;
-    --nav-height: 2.5rem;
+    --logo-height: 1.5rem;
+    --nav-height: 0.625rem;
     --folder-collapse-font-size: 0.75rem;
     --folder-collapse-font-family: Courier, "Courier New", monospace;
     --box-shadow: 0 0 0.7rem #5f5f5f66;
@@ -94,20 +94,18 @@ nav .logo {
 nav ul {
     list-style-type: none;
     margin: 0;
-    margin-left: 0.0625rem;
     display: flex;
-    flex-grow: 1;
+    flex: 1;
     justify-content: center;
 }
 
 nav ul li {
-    margin-right: 3.125rem;
+    margin-right: var(--margin-large);
 }
 
 nav ul li a {
     text-decoration: none;
     color: var(--blender-text, var(--nav-link-color));
-    font-size: var(--font-size-large);
 }
 
 nav ul li a:hover,
diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/css/index.css b/src/blenderbim/blenderbim/bim/data/webui/static/css/index.css
index 2e8d6b2814..01d0880d61 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/css/index.css
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/css/index.css
@@ -9,8 +9,8 @@
     --padding-small: 0.625rem;
     --padding-medium: 1rem;
     --font-size-large: 1.2rem;
-    --logo-height: 2.5rem;
-    --nav-height: 2.5rem;
+    --logo-height: 1.5rem;
+    --nav-height: 0.625rem;
 }
 
 :root.dark {
@@ -81,20 +81,18 @@ nav .logo {
 nav ul {
     list-style-type: none;
     margin: 0;
-    margin-left: 0.0625rem;
     display: flex;
-    flex-grow: 1;
+    flex: 1;
     justify-content: center;
 }
 
 nav ul li {
-    margin-right: 3.125rem;
+    margin-right: var(--margin-large);
 }
 
 nav ul li a {
     text-decoration: none;
     color: var(--blender-text, var(--nav-link-color));
-    font-size: var(--font-size-large);
 }
 
 nav ul li a:hover,
diff --git a/src/blenderbim/blenderbim/bim/data/webui/templates/drawings.html b/src/blenderbim/blenderbim/bim/data/webui/templates/drawings.html
index 88c0ea44b6..11ac8e9502 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/templates/drawings.html
+++ b/src/blenderbim/blenderbim/bim/data/webui/templates/drawings.html
@@ -50,9 +50,28 @@
         class="logo"
       />
       <ul>
-        <li><a href="/">IFC Data</a></li>
-        <li><a href="/gantt">Gantt Chart</a></li>
-        <li><a href="/drawings" class="active">Drawings</a></li>
+        <li>
+          <a href="/"><i class="fa-solid fa-table"></i> Schedules</a>
+        </li>
+        <li>
+          <a href="/gantt"
+            ><i class="fa-solid fa-chart-gantt"></i> Construction Sequencing</a
+          >
+        </li>
+        <li>
+          <a href="drawings" class="active"
+            ><i class="fa-solid fa-images"></i> Documentation</a
+          >
+        </li>
+        <li>
+          <a><i class="fa-solid fa-camera"></i> BCF Topics</a>
+        </li>
+        <li>
+          <a><i class="fa-solid fa-square-check"></i> IDS Audits</a>
+        </li>
+        <li>
+          <a><i class="fa-solid fa-hotel"></i> Facility Management</a>
+        </li>
       </ul>
       <button id="toggle-theme" onclick="toggleTheme()">
         <i class="fas fa-moon"></i>
diff --git a/src/blenderbim/blenderbim/bim/data/webui/templates/gantt.html b/src/blenderbim/blenderbim/bim/data/webui/templates/gantt.html
index a8b53617bc..044ba399ef 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/templates/gantt.html
+++ b/src/blenderbim/blenderbim/bim/data/webui/templates/gantt.html
@@ -32,9 +32,28 @@
         class="logo"
       />
       <ul>
-        <li><a href="/">IFC Data</a></li>
-        <li><a href="/gantt" class="active">Gantt Chart</a></li>
-        <li><a href="/drawings">Drawings</a></li>
+        <li>
+          <a href="/"><i class="fa-solid fa-table"></i> Schedules</a>
+        </li>
+        <li>
+          <a href="/gantt" class="active"
+            ><i class="fa-solid fa-chart-gantt"></i> Construction Sequencing</a
+          >
+        </li>
+        <li>
+          <a href="drawings"
+            ><i class="fa-solid fa-images"></i> Documentation</a
+          >
+        </li>
+        <li>
+          <a><i class="fa-solid fa-camera"></i> BCF Topics</a>
+        </li>
+        <li>
+          <a><i class="fa-solid fa-square-check"></i> IDS Audits</a>
+        </li>
+        <li>
+          <a><i class="fa-solid fa-hotel"></i> Facility Management</a>
+        </li>
       </ul>
       <button id="toggle-theme" onclick="toggleTheme()">
         <i class="fas fa-moon"></i>
diff --git a/src/blenderbim/blenderbim/bim/data/webui/templates/index.html b/src/blenderbim/blenderbim/bim/data/webui/templates/index.html
index 151795c9d8..36cfe04866 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/templates/index.html
+++ b/src/blenderbim/blenderbim/bim/data/webui/templates/index.html
@@ -39,9 +39,30 @@
         class="logo"
       />
       <ul>
-        <li><a href="/" class="active">IFC Data</a></li>
-        <li><a href="/gantt">Gantt Chart</a></li>
-        <li><a href="/drawings">Drawings</a></li>
+        <li>
+          <a href="/" class="active"
+            ><i class="fa-solid fa-table"></i> Schedules</a
+          >
+        </li>
+        <li>
+          <a href="/gantt"
+            ><i class="fa-solid fa-chart-gantt"></i> Construction Sequencing</a
+          >
+        </li>
+        <li>
+          <a href="drawings"
+            ><i class="fa-solid fa-images"></i> Documentation</a
+          >
+        </li>
+        <li>
+          <a><i class="fa-solid fa-camera"></i> BCF Topics</a>
+        </li>
+        <li>
+          <a><i class="fa-solid fa-square-check"></i> IDS Audits</a>
+        </li>
+        <li>
+          <a><i class="fa-solid fa-hotel"></i> Facility Management</a>
+        </li>
       </ul>
       <button id="toggle-theme" onclick="toggleTheme()">
         <i class="fas fa-moon"></i>