Some Styling updates, Removed rebuild, Added About page + Semantic UI.

assets/styles/materialize.min.css

@@ -6633,20 +6633,20 @@ input[type=checkbox]:not(:disabled)~.lever:active:before, input[type=checkbox]:n
   background-color: #949494
 }
 
-select {
-}
+select {}
 
 select.browser-default {
   display: block
 }
 
 select {
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: #443e3ee6;
   width: 100%;
   padding: 5px;
-  border: 1px solid #f2f2f2;
-  border-radius: 2px;
-  height: 3rem
+  border: 1px solid #000000;
+  height: 30px;
+  padding-top: 35px;
+  margin-top: 10px;
 }
 
 .select-label {

assets/styles/style.css

@@ -5,39 +5,38 @@ html {
 }
 
 /* hide / show the body when the loader is finished */
-body > .inner {
+body>.inner {
   display: none;
 }
 
-body.pg-loaded > .inner {
+body.pg-loaded>.inner {
   display: block;
 }
 
 /* Style the sidebar - fixed full height */
 .sidebar {
   height: 100%;
-  width: 120px;
+  width: 160px;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
-  background-color: #111;
+  background-color: #000;
   overflow-x: hidden;
   padding-top: 16px;
 }
 
 /* Style sidebar links */
 .sidebar a {
-  padding: 6px 8px 6px 16px;
   text-decoration: none;
   font-size: 20px;
-  color: #818181;
+  color: #840032;
   display: block;
 }
 
 /* Style links on mouse-over */
 .sidebar a:hover {
-  color: #f1f1f1;
+  color: #786798;
 }
 
 #peerCount {
@@ -49,23 +48,21 @@ body.pg-loaded > .inner {
   padding-left: 5px;
 }
 
-#syncProgress
-{
+#syncProgress {
   height: 20px;
   position: fixed;
   z-index: 1;
-  left: 120px;
+  left: 160px;
   right: 0;
   bottom: 0;
   background-color: #111;
   border-top: 1px solid #111;
 }
 
-#mainContent
-{
+#mainContent {
   position: fixed;
   z-index: 1;
-  left: 120px;
+  left: 160px;
   top: 0;
   right: 0;
   bottom: 20px;
@@ -75,14 +72,20 @@ body.pg-loaded > .inner {
 
 /* Style the main content */
 .main {
-  margin-left: 160px; /* Same as the width of the sidenav */
+  margin-left: 160px;
+  /* Same as the width of the sidenav */
   padding: 0px 10px;
 }
 
 /* Add media queries for small screens (when the height of the screen is less than 450px, add a smaller padding and font-size) */
 @media screen and (max-height: 450px) {
-  .sidebar {padding-top: 15px;}
-  .sidebar a {font-size: 18px;}
+  .sidebar {
+    padding-top: 15px;
+  }
+
+  .sidebar a {
+    font-size: 18px;
+  }
 }
 
 .sidebarIcon {
@@ -132,7 +135,7 @@ body.pg-loaded > .inner {
 
 #dlgCreateWalletPassword .modalBody,
 #dlgCreateAddressAndName .modalBody {
-    height: 200px;
+  height: 200px;
 }
 
 #dlgSendWalletPassword .modalBody,
@@ -194,7 +197,6 @@ body.pg-loaded > .inner {
   height: 60px;
 }
 
-
 #transactionsWrapper {
   color: #aaa;
   padding-top: 10px;
@@ -249,8 +251,7 @@ div.sidebar svg {
 }
 
 .sendWrapper,
-.settingsWrapper
-{
+.settingsWrapper {
   padding: 30px;
 }
 
@@ -292,7 +293,7 @@ div.sidebar svg {
   font-size: 1em;
 }
 
-.txInfo label + label {
+.txInfo label+label {
   color: #7A1336;
   margin-left: 0px;
 }
@@ -331,7 +332,7 @@ div.sidebar svg {
   background-color: #212529;
   display: none;
   position: fixed;
-  left: 120px;
+  left: 160px;
   right: 0;
   bottom: 20px;
   top: 0;
@@ -377,7 +378,6 @@ div.sidebar svg {
 
 div.noWalletsWrapper,
 div.noAddressWrapper {
-
   display: flex;
   align-items: center;
   justify-content: center;