Prettify the item meta elements in the admin theme

This commit prettifies the item meta elements in the admin theme and
also removes those ugly square brackets. It looks a lot better now.

2 files changed, 21 insertions, 38 deletions

diff --git a/theme/admin/rsrc/css/main.css b/theme/admin/rsrc/css/main.css
index 9ffea66..28a4c67 100644
--- a/theme/admin/rsrc/css/main.css
+++ b/theme/admin/rsrc/css/main.css
@@ -379,23 +379,6 @@ table, td {
 }
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-# Brackets
-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.brackets:after, .brackets:before {
-  color: #222;
-}
-.brackets:before {
-  content: "[";
-}
-.brackets:after {
-  content: "]";
-}
-
-.brackets a, a.brackets {
-  text-decoration: none;
-}
-
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Item Element
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 .item {
@@ -462,9 +445,18 @@ table, td {
   padding: 0;
   list-style: none;
 }
+.item-meta-right {
+  float: right;
+}
+.item-meta-right:before {
+  content: none !important;
+}
 .item-meta li {
   display: inline-block;
 }
+.item-meta li + li:before {
+  content: " – ";
+}
 .item-image {
   float: left;
   display: block;
diff --git a/theme/admin/rsrc/css/main.scss b/theme/admin/rsrc/css/main.scss
index a83e1e8..0a64e07 100644
--- a/theme/admin/rsrc/css/main.scss
+++ b/theme/admin/rsrc/css/main.scss
@@ -413,27 +413,6 @@ table, td {
 }
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-# Brackets
-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.brackets {
-	&:after, &:before {
-		color: #222;
-	}
-
-	&:before {
-		content: "[";
-	}
-
-	&:after {
-		content: "]";
-	}
-}
-
-.brackets a, a.brackets {
-	text-decoration: none;
-}
-
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Item Element
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 .item {
@@ -512,8 +491,20 @@ table, td {
 		padding: 0;
 		list-style: none;
 
+		&-right {
+			float: right;
+
+			&:before {
+				content: none !important;
+			}
+		}
+
 		li {
 			display: inline-block;
+
+			+li:before {
+				content: " – ";
+			}
 		}
 	}