fix: bug fixes

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>

src/components/modals/main/marketplace/sections/Added.jsx

@@ -107,8 +107,7 @@ export default class Added extends React.PureComponent {
           <div className='emptyMessage'>
             <LocalMallIcon/>
             <h1>Empty</h1>
-            <p className='description'>Nothing here (yet)</p>
-            <button className='goToMarket'>Take me there</button>
+            <p className='description'>No addons are installed</p>
           </div>
         </div>
       );

src/components/modals/main/scss/index.scss

@@ -115,11 +115,13 @@ ul.sidebar {
   left: 0;
   margin: 0;
   padding-left: 0;
-  height: 100vh;
+  height: 20%;
   background: var(--sidebar);
   border-radius: 12px 0 0 12px;
   text-align: left;
   font-size: 24px;
+  padding-bottom: 100%;
+  margin-bottom: -100%;
 
   h1 {
     text-align: center;
@@ -163,11 +165,6 @@ li {
   background: var(--tab-active);
 }
 
-@media only screen and (max-height: 898px) {
-  ul.sidebar {
-    height: auto;
-  }
-}
 
 @media only screen and (max-width: 1200px) {
   li.tab-list-item {

src/components/modals/main/scss/settings/_buttons.scss

@@ -68,9 +68,9 @@
 .uploadbg,
 .import {
   @extend %settingsButton;
-  background-color: map-get($button-colours, 'other');
-  border: 2px solid map-get($button-colours, 'other');
-  color: map-get($theme-colours, 'main');
+  background-color: map-get($modal, 'sidebar');
+  border: none;
+  color: map-get($theme-colours, 'secondary');
 
   &:hover {
     color: map-get($button-colours, 'other');