3 files changed, 67 insertions, 17 deletions
diff --git a/module/web/static/css/default/common.less b/module/web/static/css/default/common.less
index 990d665c1..0d46e2a5b 100644
--- a/module/web/static/css/default/common.less
+++ b/module/web/static/css/default/common.less
@@ -28,6 +28,7 @@
 @yellow: #ffd856;
 @yellowLighter: lighten(spin(@yellow, 10), 20%);
 @yellowLightest: lighten(spin(@yellow, 15), 30%);
+@yellowDark: darken(@yellow, 10%);
 
 @blue: #3571a2;
 @blueLight: lighten(spin(@blue, 5), 10%);
diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less
index fd0ebf61e..7f504ebdf 100644
--- a/module/web/static/css/default/dashboard.less
+++ b/module/web/static/css/default/dashboard.less
@@ -9,6 +9,57 @@
   list-style: none;
 }
 
+.sidebar-header {
+  font-size: 25px;
+  line-height: 25px;
+}
+
+/*
+  Packages
+*/
+
+.package-list {
+  list-style: none;
+  margin-left: 0;
+}
+
+.package-item {
+  cursor: pointer;
+  margin-bottom: 4px;
+  position: relative;
+  overflow: hidden;
+
+  i {
+    cursor: move;
+  }
+
+  .progress {
+    height: 4px;
+    border-radius: 2px;
+    margin-bottom: 0;
+    background-image: none;
+    background-color: @yellow;
+    clear: both;
+  }
+
+  .bar-info {
+    background-image: none;
+    background-color: @blue;
+  }
+
+}
+
+.package-info {
+  font-size: small;
+}
+
+.package-indicator {
+//  position: absolute;
+//  top: 1px;
+//  right: 0;
+  float: right;
+}
+
 /*
   Package View
 */
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index 16eaea6b6..4e6f6bd39 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -44,6 +44,12 @@ a:hover {
   padding-bottom: @footer-height;
 }
 
+#content-container:before {
+  display: block;
+  content: " ";
+  height: @header-height;
+}
+
 /*
   Additional Responsive Class for larger desktop
 */
@@ -301,13 +307,11 @@ header .logo {
   color: @blue;
 }
 
-#actionbar-container:before {
-  display: block;
-  content: " ";
-  height: @header-height;
-}
+.actionbar {
+  padding-bottom: 3px;
+  margin-bottom: 0;
+  border-bottom: 1px dashed @grey;
 
-#actionbar-container .row-fluid {
   height: @actionbar-height;
 
   padding-top: 2px;
@@ -315,17 +319,11 @@ header .logo {
 
 }
 
-#actionbar {
-  padding-bottom: 3px;
-  margin-bottom: 0;
-  border-bottom: 1px dashed @grey;
-}
-
-#actionbar > li > a {
+.actionbar > li > a {
   margin-top: 4px;
 }
 
-#actionbar .breadcrumb {
+.actionbar .breadcrumb {
   margin: 0;
   padding-top: 10px;
   padding-bottom: 0;
@@ -336,17 +334,17 @@ header .logo {
 
 }
 
-#actionbar form {
+.actionbar form {
   margin-top: 8px;
   margin-bottom: 0;
 }
 
-#actionbar input, #actionbar button {
+.actionbar input, .actionbar button {
   padding-top: 2px;
   padding-bottom: 2px;
 }
 
-#actionbar .dropdown-menu i {
+.actionbar .dropdown-menu i {
   margin-top: 4px;
   padding-right: 5px;
 }