Fix mobile app links and add legal

css/style.css

@@ -274,12 +274,33 @@ ol {
   background: #000;
 }
 
+.badges {
+  display: inline-block;
+  width: 200px;
+}
+
+.badges img {
+  max-width: 100%;
+  height: auto;
+}
+
+.apple-badge img {
+  width: 88%;
+  margin: 6%;
+}
+
 .madeby-container {
   padding: 150px 0;
   color: #000;
   background: #fff;
 }
 
+.legal {
+  font-size: 12px;
+  margin: 50px 0 30px 0;
+  color: #a0a0a0;
+}
+
 /* Fancy css loader */
 .loader {
   position: relative;

index.html

@@ -133,18 +133,17 @@
         <div class="center text-center">
           <h1>I'm ready. How do I install it?</h1>
           <a class="button-white" href="https://github.com/tidusjar/Ombi/wiki/Installation">Here you go!</a>
-         
-        </div><div class="center text-center">
-        <a href='https://play.google.com/store/apps/details?id=com.tidusjar.Ombi&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'>
-          <img width="300px" alt='Get it on Google Play' src='https://play.google.com/intl/en_gb/badges/images/generic/en_badge_web_generic.png'/></a>
-        </div>      </div>
-
-      </div><div class="center text-center">
-        <a href='https://itunes.apple.com/us/app/ombi/id1335260043?ls=1&mt=8'>
-          <img width="300px" alt='Get it on App Store' src='https://i.imgur.com/cJFa0M4.png'/></a>
-        </div>      </div>
-
-        
+        </div>
+        <div class="center text-center">
+          <h1>There's also a mobile app!</h1>
+          <a class="apple-badge badges" href="https://itunes.apple.com/us/app/ombi/id1335260043?mt=8">
+            <img alt='Get it on the App Store' src="https://linkmaker.itunes.apple.com/assets/shared/badges/en-us/appstore-lrg.svg">
+          </a>
+          <a class="google-badge badges" href='https://play.google.com/store/apps/details?id=com.tidusjar.Ombi&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'>
+            <img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png'/>
+          </a>
+        </div>
+      </div>
       <div class="madeby-container float-container">
         <div class="left text-center">
           <h1>Who made this? Can I thank them?</h1>
@@ -171,21 +170,26 @@
           <a class="button-black" href="https://github.com/tidusjar/Ombi/issues/new">Report an issue</a>
         </div>
       </div>
+      <div class="legal text-center">
+        <p>Apple and the Apple logo are trademarks of Apple Inc. App Store is a service mark of Apple Inc.</p>
+        <p>Google Play and the Google Play logo are trademarks of Google LLC.</p>
+      </div>
     </main>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" charset="utf-8"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.1/simple-lightbox.min.js"></script>
     <script src="/js/javascript.js" charset="utf-8"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-89270627-1"></script>
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-89270627-2"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'UA-89270627-2');
-</script>
+    <script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-89270627-1"></script>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-89270627-2"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
 
+      gtag('config', 'UA-89270627-2');
+    </script>
   </body>
 </html>