fixes to the site

Author: nodeful

site/src/app/components/button/button.component.scss

@@ -1,10 +1,7 @@
 @import "../../styles/colors.scss";
 
 :host {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: row;
+  display: inline-block;
   padding: 10px;
   border: 1px solid $dark;
   border-radius: 5px;

site/src/app/routes/root/home/sections/overview/overview.component.html

@@ -1,20 +1,20 @@
-<div fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="center center" fxLayoutGap="200px" fxLayoutGap.lt-md="0px">
+<div fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="center center">
   <div fxLayout="column" fxLayoutAlign="space-around center" class="info">
     <img width="144" height="144" src="assets/icon.svg">
     <div style="position: relative;">
         <h2>eqMac</h2><div class="beta-tag"><span>Beta</span></div>
     </div>
     <h3>Free Audio Equalizer for macOS</h3>
     <div fxLayout="row" fxFill="100%" fxLayoutAlign="center center" fxLayoutGap="20px">
-      <a *ngIf="url" [href]="url" fxFlex="80%" download="eqmac.dmg">
-        <eqm-button class="icon-gradient-middle-bg dark">
+      <a *ngIf="url" [href]="url" fxFlex="40%" download="eqmac.dmg">
+        <eqm-button fxFlex="100%" class="icon-gradient-middle-bg dark">
             Download
         </eqm-button>
       </a>
-      <eqm-button *ngIf="!url" fxFlex="80%" class="icon-gradient-middle-bg dark" (pressed)="downloadPressed.emit()">
+      <eqm-button *ngIf="!url" fxFlex="40%" class="icon-gradient-middle-bg dark" (pressed)="downloadPressed.emit()">
         Download
       </eqm-button>
-      <eqm-button fxFlex="80%" (pressed)="takeATourPressed.emit()">
+      <eqm-button fxFlex="40%" (pressed)="takeATourPressed.emit()">
           Take a tour
       </eqm-button>
     </div>

site/src/app/routes/root/home/sections/overview/overview.component.scss

@@ -22,7 +22,7 @@
 
 .screenshot {
   // border: 1px solid black;
-  margin: 30px 0;
+  margin: 30px;
   // $shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2);
   // box-shadow: $shadow;
   // -moz-box-shadow: $shadow;