Add some dots between action-spans

Subilan · Apr 22, 2020 · 4edaee9 · 4edaee9
1 parent 8d129e5
commit 4edaee9
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/src/css/logue.less b/src/css/logue.less
@@ -96,7 +96,6 @@
 			.action-span {
 				display: inline;
 				color: #bbb;
-				margin-left: 16px;
 				opacity: 0;
 				transition: opacity .2s ease;
 				cursor: pointer;
@@ -105,6 +104,26 @@
 					opacity: .5;
 					transition: opacity .2s ease;
 				}
+
+				&.edit {
+					margin-left: 16px;
+				}
+
+				&.id {
+					font-weight: bold;
+				}
+
+				&:not(.edit)::before {
+					content: "·";
+					color: #aaa;
+					display: inline-block;
+					margin-right: 8px;
+					margin-left: 8px;
+				}
+
+				&:first-child::before {
+					content: none !important;
+				}
 			}
 		}