CSS development

wowfunding/static/css/wow.css

@@ -8,8 +8,32 @@ body {
     }
 }
 
+.navbar {
+    padding: .1rem 1rem;
+}
+
+.navbar .navbar-brand img#logo{
+    width:28px;
+    height:28px;
+    float:left;
+}
+
+.navbar .navbar-brand img#text{
+    width:235px;
+    height:13px;
+    float:left;
+    margin-top: 8px;
+    margin-left:8px;
+}
+
+.navbar-nav .nav-link{
+    color: #fff;
+    font-weight: bold;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif
+}
+
 .container>div:first-child {
-    padding-top: 40px;
+    padding-top: 20px;
 }
 
 .mb-4, .my-4{
@@ -76,13 +100,14 @@ body {
   background-image: url("/static/bg.png");
   background-repeat: repeat;
 }
+
 .footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 60px; /* Set the fixed height of the footer here */
-  line-height: 60px; /* Vertically center the text there */
-  background-color: #f5f5f5;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    background-color: #f5f5f5;
 }
 
 .bg-dark {

wowfunding/templates/navbar.html

@@ -1,7 +1,10 @@
 <!-- Navigation -->
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
     <div class="container">
-        <a class="navbar-brand" href="/">Wownero Funding System (WFS)</a>
+        <a class="navbar-brand" href="/">
+            <img id="logo" src="/static/wownero.png">
+            <img id="text" src="/static/wfs-navbar.png"
+        </a>
         <a class="navbar-brand-mobile" href="/" style="font-family:monospace;display:none;">Wownero Funding System</a>
 
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
@@ -11,7 +14,7 @@
 
         <div class="collapse navbar-collapse" id="navbarResponsive">
             <ul class="navbar-nav ml-auto">
-                <li class="nav-item active">
+                <li class="nav-item">
                     <a class="nav-link" href="/proposals">Proposals
                         <span class="sr-only">(current)</span>
                     </a>

wowfunding/templates/proposal/overview.html

@@ -2,7 +2,7 @@
 {% block content %}
 {% from 'proposal/macros/table.html' import proposal_table %}
 
-<div class="container">
+<div class="container" style="margin-top:8px;">
     {% include 'proposal/macros/navbar.html' %}
 
     <div class="row">