fix: some mobile styling for solarscored

apps/solana/solarscored/www/shiny.css

@@ -83,6 +83,7 @@ a[title]:hover::after {
   border-radius: 8px;
   margin-top: auto;
   color: black;
+  transition: background-color .15s ease-in-out;
 }
 
 .btn-default:hover {
@@ -258,6 +259,7 @@ These are the ticks and text of the sliders
   width: 100%;
   font-size: .8em;
   padding-bottom: 10px;
+  cursor: help;
 }
 
 #bdnldscores, #dnldscores {
@@ -282,6 +284,7 @@ These are the ticks and text of the sliders
   width: 100%;
   font-size: 1.1em;
   padding-bottom: 10px;
+  cursor: help;
 }
 
 .boxtitle {
@@ -331,12 +334,27 @@ These are the ticks and text of the sliders
   margin-top: 200px;
 }
 
-
-
-
-
-
-
-
-
-
+@media only screen and (max-width: 600px) {
+  body {
+    width: fit-content;
+  }
+  .container-fluid {
+    width: unset;
+  }
+  .title {
+    display: flex;
+  }
+  .title img {
+    width: 380px;
+    margin: auto;
+    margin-block: 20px;
+  }
+  #icons {
+    display: flex;
+    padding-left: 0;
+    justify-content: space-evenly;
+  }
+  .addybuttons {
+    margin-top: 20px;
+  }
+}

apps/solana/solarscored/www/wallet.css

@@ -13,10 +13,8 @@
   line-height: 14px;
   border-radius: 8px;
   padding: 22px;
-}
-
-.wallet-adapter-button:hover {
-  
+  white-space: nowrap;
+  transition: background-color .15s ease-in-out;
 }
 
 .wallet-adapter-button-trigger {
@@ -28,7 +26,7 @@
 }
 
 .wallet-adapter-button:not([disabled]):hover {
-  background-color: #E2E4F7;
+  background-color: #cfd1e3;
 }
 
 .wallet-adapter-button[disabled] {
@@ -108,10 +106,11 @@
   font-weight: 600;
   height: 37px;
   color: black;
+  transition: background-color .15s ease-in-out;
 }
 
 .wallet-adapter-dropdown-list-item:not([disabled]):hover {
-  background-color: #E2E4F7;
+  background-color: #cfd1e3;
 }
 
 .wallet-adapter-modal-collapse-button svg {