Fix responsive

README.md

@@ -1,6 +1,6 @@
 # [React Pomodoro](http://afonsopacifer.github.io/react-pomodoro/)
 
-[![release](https://img.shields.io/badge/release-v0.4.0-green.svg)](https://github.com/afonsopacifer/react-pomodoro/archive/0.4.0.zip)
+[![release](https://img.shields.io/badge/release-v0.4.1-green.svg)](https://github.com/afonsopacifer/react-pomodoro/archive/0.4.1.zip)
 [![Dependency Status](https://david-dm.org/afonsopacifer/react-pomodoro.svg)](https://david-dm.org/afonsopacifer/react-pomodoro)
 [![devDependency Status](https://david-dm.org/afonsopacifer/react-pomodoro/dev-status.svg)](https://david-dm.org/afonsopacifer/react-pomodoro#info=devDependencies)
 > Pomodoro timer for developers.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pomodoro",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Pomodoro timer for developers.",
   "license": "MIT",
   "main": "webpack.config.js",

src/css/style.css

@@ -12,23 +12,24 @@ body {
   background-color: #272727;
 }
 
-.pomodoro {
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+@media (min-width: 500px) {
+  .pomodoro {
+    height: 100%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+  }
 }
-
 /* Main section
 ------------------------------- */
 .main {
@@ -37,7 +38,7 @@ body {
 
 @media (max-width: 500px) {
   .main {
-    margin-bottom: 258px;
+    margin: 40px 0;
   }
 }
 
@@ -142,6 +143,12 @@ body {
   bottom: 0;
 }
 
+@media (max-width: 500px) {
+  .bottomBar {
+    position: relative;
+  }
+}
+
 .controls {
   background: #2BA0A0;
   padding: 2.5px 0;

src/pomodoro.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 2016-05-31:v4
+# 2016-06-01:v1
 
 CACHE:
 /