From add3dbe99f171364776af473fcdb0df397c29932 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Sun, 24 Sep 2017 04:50:09 +0800
Subject: [PATCH] Improve mobile compatibility to please Google

---
 _data/content.yml                       |  2 +-
 _sass/2017/base/base.scss               | 10 ++++++++++
 _sass/2017/components/page-actions.scss |  7 +++++++
 _sass/2017/components/pages-list.scss   |  6 ++++++
 _sass/2017/components/search-box.scss   | 12 ++++++++++++
 5 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/_data/content.yml b/_data/content.yml
index ead7d16be..02a3679f9 100644
--- a/_data/content.yml
+++ b/_data/content.yml
@@ -2,7 +2,7 @@ home:
   title: "Rico's cheatsheets"
   tagline: |
     Hey! I'm <a href='https://ricostacruz.com'>@rstacruz</a> and this is a modest collection of cheatsheets I've written.
-    <br>(This used to be ricostacruz.com/cheatsheets but now we have a shorter URL!)
+    (This used to be ricostacruz.com/cheatsheets but now we have a shorter URL!)
 
 top_nav:
   title: Devhints.io
diff --git a/_sass/2017/base/base.scss b/_sass/2017/base/base.scss
index 7c0351cc2..60f80b5d4 100644
--- a/_sass/2017/base/base.scss
+++ b/_sass/2017/base/base.scss
@@ -59,3 +59,13 @@ a:hover {
 [aria-hidden]:not(.line-highlight) {
   display: none !important;
 }
+
+// No tooltips on mobile
+@media (max-width: 580px) {
+  .hint--bottom {
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+}
diff --git a/_sass/2017/components/page-actions.scss b/_sass/2017/components/page-actions.scss
index a4d22f482..980cf4da1 100644
--- a/_sass/2017/components/page-actions.scss
+++ b/_sass/2017/components/page-actions.scss
@@ -99,6 +99,13 @@
     }
   }
 
+  // Space them out in mobile
+  @media (max-width: 768px) {
+    & > .link {
+      margin-left: 16px;
+    }
+  }
+
   // Collapse
   & > .link:first-child > a {
     margin-left: 0;
diff --git a/_sass/2017/components/pages-list.scss b/_sass/2017/components/pages-list.scss
index ae35b11bf..ceaf3f671 100644
--- a/_sass/2017/components/pages-list.scss
+++ b/_sass/2017/components/pages-list.scss
@@ -50,6 +50,12 @@
     opacity: 0;
   }
 
+  @media (max-width: 768px) {
+    & > .info > .title {
+      display: none;
+    }
+  }
+
   &:hover,
   &:focus {
     & {
diff --git a/_sass/2017/components/search-box.scss b/_sass/2017/components/search-box.scss
index 626f29397..27d205c53 100644
--- a/_sass/2017/components/search-box.scss
+++ b/_sass/2017/components/search-box.scss
@@ -48,6 +48,18 @@
     margin: 0 8px;
   }
 
+  // Hide prefix in mobiel
+  @media (max-width: 768px) {
+    & > .prefix,
+    & > .sep {
+      display: none;
+    }
+
+    & > input {
+      padding-left: 16px;
+    }
+  }
+
   // Icon
   &::before {
     @include ion-icon('md-search');