Improve styling for breadcrumbs.

2 files changed, 12 insertions, 1 deletions

diff --git a/uploader/static/css/layout-large.css b/uploader/static/css/layout-large.css
index 4471791..3a37516 100644
--- a/uploader/static/css/layout-large.css
+++ b/uploader/static/css/layout-large.css
@@ -49,6 +49,8 @@
         grid-column-start: 1;
         grid-column-end: 3;
         padding: 0 3px;
+
+        margin: -0.3em -0.7em 0 -0.7em;
     }
 
     #main #main-content {
diff --git a/uploader/static/css/theme.css b/uploader/static/css/theme.css
index 8d5ac35..dffb655 100644
--- a/uploader/static/css/theme.css
+++ b/uploader/static/css/theme.css
@@ -22,8 +22,13 @@ body {
 }
 
 #main #breadcrumbs {
-    border-radius:3px;
     text-align: center;
+    background-color: #D5D5D5;
+    padding: 0 1em 0 1em;
+}
+
+#main #breadcrumbs .breadcrumb {
+    padding-top: 0.5em;
 }
 
 #main #main-content {
@@ -86,3 +91,7 @@ table.dataTable tbody tr.selected td {
 .breadcrumb-item {
     text-transform: Capitalize;
 }
+
+.breadcrumb-item a {
+    text-decoration: none;
+}