Responsify

Reviewed By: danielbuechele

Differential Revision: D6998697

fbshipit-source-id: ea15f1b1ce3f518c194dc66169413a92e0d870bc

website/src/components/DocsSidebar.css

@@ -7,7 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
- .DocsSidebar {
+.DocsSidebar {
   height: 100%;
   width: 450px;
   padding: 36px;
@@ -24,3 +24,14 @@
   margin-top: 10px;
   margin-bottom: 5px;
 }
+
+@media only screen and (max-width: 1200px) {
+  .DocsSidebar {
+    width: 100%;
+    padding: 20px;
+    padding-top: 0px;
+    border: none;
+  }
+}
+
+

website/src/components/Padded.css

@@ -7,10 +7,16 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
- .Padded {
+.Padded {
   width: 100%;
   max-width: 1200px;
   padding: 0 50px;
   margin-left: auto;
   margin-right: auto;
 }
+
+@media only screen and (max-width: 576px) {
+  .Padded {
+    padding: 0 20px;
+  }
+}

website/src/components/Toolbar.css

@@ -42,3 +42,18 @@
 .Toolbar .ToolbarToggle i {
   margin-right: 5px;
 }
+
+@media only screen and (max-width: 576px) {
+  .Toolbar {
+    padding: 10px 5px;
+  }
+
+  .Toolbar a {
+    margin: 0 10px;
+    font-size: 12px;
+  }
+
+  .Toolbar .ToolbarToggle {
+    font-size: 12px;
+  }
+}