final styling

HAM/urls.py

@@ -1,6 +1,7 @@
 
 from django.contrib import admin
 from django.urls import path, include
+from django.conf.urls.static import static
 
 urlpatterns = [
     path('admin/', admin.site.urls),

main_app/static/styles/styles.css

@@ -33,7 +33,7 @@ body{
 }
 
 table {
-    padding-left:2em;
+    padding-left:5em;
 }
 
 .employee-title {
@@ -112,10 +112,11 @@ table {
 
 img {
     float:left;
-     padding-left:3em;
+     padding-left:2em;
    /* padding-bottom:3em; */
 }
 
+
 .loggedin img {
     margin:0;
 } 
@@ -177,13 +178,15 @@ a {
     background-color:white;
     justify-content: center;
     border-radius:10px;
-    width:45vw;
+    width:60vw;
     height:60vh;
     overflow:auto;
 }
 
 
 
+
+
 .box {
     font-family:Open sans;
     padding:40px;
@@ -548,17 +551,16 @@ html, body {
 
 * {
   font-family: "Libre Baskerville";
-  box-sizing: border-box;
+
 }
 
 .top-nav {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  background-color:var(--pale-purple);
-  /* background: linear-gradient(to bottom, var(--dark-purple),white); */
-  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+  /* background-color:var(--pale-purple); */
+  background-color:white;
   color: #FFF;
   height: 50px;
   padding: 1em;
@@ -630,6 +632,7 @@ html, body {
   .menu-button-container {
     display: flex;
   }
+
   .menu {
     position: absolute;
     top: 0;
@@ -640,19 +643,22 @@ html, body {
     justify-content: center;
     align-items: center;
   }
+
   #menu-toggle ~ .menu li {
     height: 0;
     margin: 0;
     padding: 0;
     border: 0;
     transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
   }
+
   #menu-toggle:checked ~ .menu li {
     border: 1px solid #333;
     height: 2.5em;
     padding: 0.5em;
     transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
   }
+
   .menu > li {
     display: flex;
     justify-content: center;
@@ -665,4 +671,3 @@ html, body {
   .menu > li:not(:last-child) {
     border-bottom: 1px solid #444;
   }
-}

main_app/templates/base.html

@@ -53,28 +53,29 @@
   <section class="top-nav">
     <div class="logo">
         <a href="https://ham-system.herokuapp.com/">
-            <img alt="ham" src="{% static "images/logo.png" %}"
-            width=10" height="10">
+            <img alt="ham" src="../static/images/logo.png"
+            width=50" height="50">
+            </a>
+
     </div>
 
     <input id="menu-toggle" type="checkbox" />
     <label class='menu-button-container' for="menu-toggle">
     <div class='menu-button'></div>
   </label>
     <ul class="menu">
-
-        <li><a href="/">Home</a></li>
+
         <li><a href="/employees">All Employees</a></li>
-       <li> <a href="/devices">All Devices</a> </li>
-       <li><a href="/inventory">Inventory</a></li> 
+        <li> <a href="/devices">All Devices</a> </li>
+        <li><a href="/inventory">Inventory</a></li> 
        <li><a href="/">Welcome, {{user.username}}!</a></li>
        <li><a href="/accounts/logout">Logout</a></li>
     </ul>
   </section>
 
 
 <!-- LEFT SIDE NAV  -->
-
+<!-- 
         <div class="nav-left"> 
             <ul>  
             <li class="home-option"><a href="/">Home</a></li>
@@ -83,14 +84,13 @@
            <li><a href="/inventory">Inventory</a></li> 
         </ul> 
         </div>
-    </nav>
+    </nav> -->
 
  {% else %}
         <div class="loggedin">
 
-        <ul><li> 
-            <a class='ham-link' href="https://ham-system.herokuapp.com/"><img alt="ham" src="../static/favicon.ico"
-                width=50" height="50"></a></li>
+        <ul>
+
                 <div class="welcome">
                     <ul>
                         <li><span><a href="{% url 'login' %}">Login</a></span></li>

main_app/urls.py

@@ -1,5 +1,6 @@
 from django.urls import path
 from . import views
+from django.conf.urls.static import static
 
 urlpatterns = [
     path('', views.Home.as_view(), name='home'),