From db225c1e39bf3edddf54917cf4e9eb68af547ef0 Mon Sep 17 00:00:00 2001
From: Alexander Mykolaichuk <roya3000@users.noreply.github.com>
Date: Sat, 19 Aug 2017 14:56:38 -0700
Subject: [PATCH] Fix button spacing and layout on small screens

Summary:
<!--
Thank you for sending the PR! We appreciate you spending the time to work on these changes.

Help us understand your motivation by explaining why you decided to make this change.

You can learn more about contributing to React Native here: http://facebook.github.io/react-native/docs/contributing.html

Happy contributing!

-->

Fix buttons issue in small screens

Before:

![image](https://user-images.githubusercontent.com/3904240/29141530-3b5697a0-7d57-11e7-964a-049fb3568bf2.png)

After:

![image](https://user-images.githubusercontent.com/3904240/29141557-67c2780e-7d57-11e7-8e25-c3a8a3f39bc6.png)
Closes https://github.com/facebook/react-native/pull/15437

Differential Revision: D5666978

Pulled By: TheSavior

fbshipit-source-id: 8f2521f4aa5b788f1e6d2743beadb4ac7c2b37cf
---
 website/src/react-native/css/react-native.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index 8962172b8..e6b61be59 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -1013,7 +1013,6 @@ h2 {
   text-rendering: optimizelegibility; }
 
 .docs-prevnext {
-  min-width: 320px;
   max-width: 640px;
   margin: 40px auto;
   padding-bottom: 20px; }
@@ -2048,6 +2047,15 @@ article li {
 .btn:hover {
   text-decoration: none !important; }
 
+@media screen and (max-width: 373px) {
+  .hero .buttons-unit .button {
+    margin-bottom: 4px; }
+
+  .docs-prevnext .btn {
+    margin-bottom: 4px;
+    display: block;
+    float: none; } }
+
 .video-container {
   border-radius: 4px;
   background-clip: padding-box;