improve song selection

2018-08-23 12:58:48 +01:00
parent 3cc7a201ad
commit 8e5d53f404
3 changed files with 28 additions and 14 deletions
--- a/src/css/songselect.css
+++ b/src/css/songselect.css
@@ -35,23 +35,30 @@ ul li{
 }

 .song-title{
-    float:right;
-    display:inline-block;
-    width:20px;
-    height: 100%;
-    padding:10px;
+    float: right;
+    width: 0px;
+    padding: 12px 24px;
+    word-wrap: break-word;
+    font-size: 22pt;
+    color: white;
+    margin-right: 10px;
+    position: relative;
+    z-index: 1;
+    line-height: 28px;
+}
+
+.song-title:before {
+    content: attr(alt);
+    position: relative;
+    -webkit-text-stroke: 0.25em #000;
+    z-index: -1;
    word-wrap: break-word;
-    font-size: 28pt;
-    color:white;
-    margin-right:10px;
-    -webkit-text-stroke-width: 2px;
-   -webkit-text-stroke-color: black;
 }

 .song{
    font-size: 14pt;
-    width: 60px;
-	margin-right:20px;
+    width: 45px;
+	margin-right:15px;
 	height:100%;
    color: black;
    display: inline-block;