Merge pull request #2164 from nmelehan/fix-try-this-guide-styling

Fix button location for extra small screens

Author: nmelehan

ci/requirements.txt

@@ -4,3 +4,4 @@ pytest>=3.3.0
 tabulate>=0.8.2
 python-frontmatter>=0.4.2
 twisted==18.4.0
+attrs>=17.4.0

themes/docsmith/layouts/partials/includes_head_prod.html

@@ -1 +1 @@
-<link href="{{ relURL "build/stylesheets/home-42d5a39635.min.css" }}" rel='stylesheet' type='text/css'>
+<link href="{{ relURL "build/stylesheets/home-84dcf75eeb.min.css" }}" rel='stylesheet' type='text/css'>

themes/docsmith/layouts/partials/promo_code.html

@@ -1,6 +1,6 @@
 <div markdown="0" class="signup-top">
-    <div class="row row-eq-height">
-        <div class="col-lg-9 col-md-9 col-xs-8">
+    <div class="row">
+        <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
             <span>
                 {{ if and ($.Params.promo_code) ($.Params.promo_code_amount) }}
                 Use promo code <strong>{{ $.Params.promo_code }}</strong> for ${{ $.Params.promo_code_amount }} credit on a new account.
@@ -9,7 +9,7 @@
                 {{ end }}
             </span>
         </div>
-        <div class="col-lg-3 col-md-3 col-xs-4 text-right">
+        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
             <form action="https://manager.linode.com/session/signup">
                 <button type="submit" target="_blank" class="btn btn-blue btn-sm btn-border">Try this Guide</button>
             </form>

themes/docsmith/static/build/stylesheets/home-42d5a39635.min.css renamed to themes/docsmith/static/build/stylesheets/home-84dcf75eeb.min.css

@@ -21328,6 +21328,18 @@ li.library-article-item:nth-child(odd) {
     padding-top: 4px;
   }
 }
+@media only screen and (max-width: 768px) {
+  .signup-top > div.row > div:last-child {
+    text-align: left;
+    margin-top: 8px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .signup-top > div.row > div:last-child {
+    text-align: right;
+    margin-top: 0;
+  }
+}
 .signup-top span {
   font-family: Lato, sans-serif;
   font-size: 18px;