2.2.9 Change Some little thing

templates/app/app.css

@@ -259,10 +259,14 @@
 
 
 .title {
-    margin-bottom: 10px;
     text-align: center;
 }
 
+.title p {
+
+    margin-bottom: 10px;
+}
+
 
 .grised {
 
@@ -359,7 +363,7 @@ input[type=range] {
 
 .secondary {
 
-    background-color: #171A21;
+    background-color: #7a258d;
     color: white;
     border: none;
     border-radius: 100%;
@@ -370,7 +374,7 @@ input[type=range] {
     transition: all 0.2s ease 0s;
     border: solid;
     border-width: 5px;
-    border-color: #171A21 ;
+    border-color: #7a258d ;
 }
 
 .secondary:active {
@@ -381,7 +385,7 @@ input[type=range] {
 .primary {
 
     background-color: white ;
-    color: #171A21;
+    color: #7a258d;
     border: none;
     border-radius: 100%;
     font-size: 20px;
@@ -470,6 +474,21 @@ input[type=range] {
 
 }
 
+.favmenu {
+
+    border: none;
+    padding-top: 5%;
+    padding-bottom: 5%;
+    color: white;
+    border-radius: 15px;
+    background-color: #464862;
+    font-size: 12px;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+
+}
+
 .listTitle {
 
     color: white;
@@ -566,7 +585,7 @@ input[type=range] {
 
 .song:hover {
 
-    background-color: #2d2d2d ;
+    background-color: #7a258d ;
    
 }
 

templates/app/app.html

@@ -53,7 +53,7 @@
             
         </div>
     </div>
-    <dialog id="favDialog" class="menu">
+    <dialog id="favDialog" class="favmenu">
         <div class="menuheader">
             <p class="listHeader"><i style="margin-right: 3px" class="fa fa-star"></i> Favoris</p>
             <div>