Updated Interface and fixes ziahamza#249

aliceUnhinged613 · Sep 19, 2016 · 5160ee5 · 5160ee5
1 parent d8015e1
commit 5160ee5
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 13 deletions.
diff --git a/css/bootstrap.css b/css/bootstrap.css
diff --git a/css/download.css b/css/download.css
@@ -5,7 +5,7 @@
 }
 
 .download .title {
-  padding: 5px;
+  padding: 5px 0;
 }
 
 .download .progress {
@@ -29,6 +29,9 @@
   cursor: pointer;
   width: 100%;
   padding: 4px 5px;
+  background-color: #fff;
+  margin-bottom: 20px;
+  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
 }
 
 /* fix table  layout to break words */
@@ -72,7 +75,6 @@
 
 .download-controls .btn-group {
   float: right;
-  height: 28px;
 }
 .download-controls > .btn-group {
   margin-right: 5px;

diff --git a/css/style.css b/css/style.css
@@ -1,5 +1,10 @@
+@import 'https://fonts.googleapis.com/css?family=Lato:400,700';
+
 body {
+  font-family: 'Lato', sans-serif;
   overflow-y: scroll;
+  background-color: #f5f5f5;
+  padding-bottom: 5em;
 }
 
 input[type=checkbox], input[type=radio] {
@@ -77,3 +82,36 @@ input[type=checkbox], input[type=radio] {
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
 }
+
+.main-navbar {
+  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
+  background-color: #00897B;
+  border-color: #00897B;
+}
+.main-navbar .navbar-brand {
+  color: #fff;
+}
+
+.main-navbar .nav > li > a {
+  color: #fff;
+  transition: background-color 0.3s ease-in-out;
+}
+
+.main-navbar .navbar-toggle .icon-bar {
+  background-color: #fff;
+}
+
+.main-navbar.nav .open > a,
+.main-navbar.nav .open > a:hover,
+.main-navbar.nav .open > a:focus,
+.main-navbar .nav > li > a:focus,
+.main-navbar .nav > li > a:hover {
+  background-color: rgba(0,0,0,0.2);
+}
+
+.sidebar-nav {
+  margin-bottom: 30px;
+  background-color: #fff;
+  padding: 10px 20px 20px;
+  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
+}
diff --git a/index.html b/index.html
@@ -88,10 +88,10 @@
 </head>
 <!-- }}} -->
 
-<body ng-controller="MainCtrl">
+<body ng-controller="MainCtrl" ng-cloak>
 
 <!-- {{{ header -->
-<div class="navbar navbar-inverse navbar-static-top" ng-controller="NavCtrl">
+<div class="navbar main-navbar navbar-static-top" ng-controller="NavCtrl">
   <div class="container">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" ng-click="collapsed = !collapsed">
@@ -305,7 +305,7 @@
 <div class="row-fluid">
   <div ng-class="{'col-md-3': enable.sidebar.show}" ng-show="enable.sidebar.show">
     <!-- {{{ nav side bar -->
-    <div class="well sidebar-nav">
+    <div class="sidebar-nav">
 
       <!-- {{{ global statistics -->
       <ul class="nav nav-list" ng-if="enable.sidebar.stats">
@@ -428,7 +428,7 @@
 
     <div
       ng-repeat="download in getDownloads()"
-      class="row-fluid download well" data-gid="{{download.gid}}"
+      class="row-fluid download" data-gid="{{download.gid}}"
       ng-click="toggleCollapsed(download)">
     <div class="download-name download-item download-controls">
         <!-- {{{ download control buttons -->
@@ -521,7 +521,7 @@
             {{download.name}}
         </div>
     </div>
-      <div class="download-overview download-item" ng-switch="download.status">
+      <div class="download-overview download-item clearfix" ng-switch="download.status">
         <!-- {{{ statistics -->
         <ul class="stats pull-left" ng-switch-when="active">
           <!-- {{{ active download statistics -->
@@ -1165,8 +1165,5 @@ <h4>{{ 'About and contribute' | translate }}</h4>
 </div>
 <!-- }}} -->
 
-<!-- Bottom Padding -->
-<br /><br /><br /><br /><br />
-
 </body>
 </html>