add footer + fix drawer scrolling issue

Author: Mulkave

resources/assets/css/stylesheet.css

@@ -1,9 +1,7 @@
-.invert {-webkit-filter: invert(100%); filter: invert(100%);}
-
 #lucid-add-button {
     position: absolute;
     right: 3%;
-    bottom: 3%;
+    bottom: 15%;
     z-index: 6;
 }
 
@@ -26,6 +24,12 @@
     min-width: 210px;
 }
 
+/* invert the colours */
+.invert {
+    -webkit-filter: invert(100%);
+    filter: invert(100%);
+}
+
 .text-center {
     text-align: center;
 }
@@ -40,6 +44,10 @@
     min-height: 800px;
 }
 
+/*
+ make the element take the fulld
+ width of the parent.
+ */
 .full-width {
     width: 100%;
 }

resources/views/components/footer.blade.php

@@ -0,0 +1,16 @@
+<footer class="mdl-mini-footer">
+    <div class="mdl-mini-footer__left-section">
+        <ul class="mdl-mini-footer__link-list">
+            <li><a href="/lucid/dashboard/logs"><i class="material-icons">bug_report</i></a></li>
+        </ul>
+    </div>
+
+    <div class="mdl-mini-footer__right-section">
+        <div class="mdl-logo"><img class="invert" src="/vendor/lucid/images/lucid-icon.png" width=30></div>
+        <ul class="mdl-mini-footer__link-list">
+            <li><a href="#">About</a></li>
+            <li><a href="#">License</a></li>
+            <li>© Vinelab 2016</li>
+        </ul>
+    </div>
+</footer>

resources/views/features.blade.php

@@ -35,7 +35,6 @@
                 <nav class="mdl-navigation">
                     <a href="/lucid/dashboard/services" class="mdl-navigation__link @if(isset($active) && $active == 'services') mdl-navigation__link--current @endif">Services</a>
                     <a href="/lucid/dashboard/domains" class="mdl-navigation__link @if(isset($active) && $active == 'domains') mdl-navigation__link--current @endif">Domains</a>
-                    <a href="/lucid/dashboard/features" class="mdl-navigation__link @if(isset($active) && $active == 'features') mdl-navigation__link--current @endif">Features</a>
                     <!-- search field -->
                     <div id="search-field" class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
                         mdl-textfield--floating-label mdl-textfield--align-right">
@@ -56,12 +55,13 @@
         <!-- Holds the progress indicators -->
         <div id="lucid-progress-container"></div>
 
-        @yield('drawer')
-
         <main class="mdl-layout__content">
+            @yield('drawer')
             @yield('content')
         </main>
 
+        @include('lucid::components.footer')
+
     </div>
 
     @include('lucid::components.toast')