Updated home layout and stylings

Author: thecoder75

src/electron/app/css/page_index.css

@@ -135,35 +135,34 @@
     margin-bottom: 12px;
 }
 
-#home .panel .section i.icon {
-    font-size: 16px;
-    vertical-align: middle;
-}
 #home .panel .section .body {
     display: block;
     font-family: monospace;
     font-size: 10pt;
     padding: 0;
 }
 
-#home .panel .section .body ul {
+#home .panel .section ul {
     list-style: inside;
-    margin: 0;
-    padding: 0;
+    margin: 0 0 32px;
+    padding: 0 0 0 16px;
 }
-#home .panel .section .body ul ul { 
+#home .panel .section ul ul { 
     list-style: inside circle; 
-    padding-left: 16px;
+    padding-left: 8px;
 }
 
-#home .panel .section .body ul li {
-    margin: 0;
-    padding: 0 0 0 4px;
-    line-height: 13pt;
+#home .panel .section ul li {
+    margin: 8px 0 8px 8px;
+    padding: 0;
+    font-size: 9pt;
+    line-height: 12pt;
+    list-style: outside;
 }
 
 
 
+
 #queue-list {
     display: none;
     width: 400px;

src/electron/app/index.html

@@ -99,7 +99,6 @@ <h4 class="marginHomeElement" id="newFansHeader">NEW FANS</h4>
         </div>
 
         <div class="panel">
-            <div id="lmptUpdateNews"></div>
             <div class="section">
                 <h3>
                     <svg class="bright" viewBox="0 0 20 20" style="width: 32px; height: 32px; margin-right: 4px; vertical-align: middle">
@@ -110,7 +109,7 @@ <h3>
                 <p>
                     Use the following keyboard shortcuts while playing a replay:
                 </p>
-                <ul style="list-style-type: circle; margin-left: 20px">
+                <ul>
                     <li> j &nbsp;&nbsp;&nbsp;&nbsp; go back 10 seconds</li>
                     <li> k &nbsp;&nbsp;&nbsp;&nbsp; pause/play toggle</li>
                     <li> l &nbsp;&nbsp;&nbsp;&nbsp; skip 10 seconds</li>

src/electron/app/js/index.js

@@ -563,7 +563,7 @@ function checkForUpdatesOfLiveMeProTools() {
                         $('#lmptUpdateNews').empty()
                     }
 
-                    $('#lmptUpdateNews').append(`
+                    $('.panel').prepend(`
                     <div class="section">
                         <h3>
                             <svg class="bright red" viewBox="0 0 20 20" style="width: 48px; height: 48px; margin-right: 4px; vertical-align: middle">