2.2.9 Change Some little thing

infoupdate.html

@@ -1,3 +1,16 @@
+<h1><u>Subsonics 2.2.9</u></h1>
+<p>Sortie le : 05/05/2022</p>
+<h2 style="font-size: 18px;">Ajouts & Fixes :</h2>
+<ul>
+   
+    <li><strong>[CHANGE]</strong> : Modification des tailles et du positionnement des éléments </li>
+    <li><strong>[CHANGE]</strong> : Modification des couleurs pour préparer au rework graphique. </li>
+
+
+</ul>
+<hr>
+
+
 <h1><u>Subsonics 2.2.8</u></h1>
 <p>Sortie le : 05/05/2022</p>
 <h2 style="font-size: 18px;">Ajouts & Fixes :</h2>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "subsonics-manager",
-  "version": "2.2.8",
+  "version": "2.2.9",
   "description": "Manager for subsonics",
   "main": "main.js",
   "scripts": {

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>