Change control-panel style and remove modify README

README.md

@@ -4,14 +4,7 @@
 
 TwittMap is Assignment 1 for COMS 6998-Cloud Computing and Big Data. We use Tweepy for streaming the real-time tweet, store them into AWS ElasticSearch. The back-end server is Flask on AWS Elastic Beanstalk.
 
-![demo](static/images/demo-v1.2.jpg)
-
-## How to get started?
-
-- [x] Develop a web app with something simple and deploy that using Elastic Bean Stalk.
-- [x] Modify your webapp to be able to put a tag on a map using GoogleMaps API.
-- [x] Use Twitter API to collect 10MB or so Twitts and process these offline. Allow user to search along few key words and display those twitts on the map. You also extract location tags when available from the Twitts. If no geotag available, you may infer the location from the keywords (i.e., any mention of places), if no mention of places, then feel free to choose a location randomly.
-- [x] Next you may want to look at streaming API to get the twitts in real-time and process and add to the whole process.
+![demo](static/images/demo-v1.2.1.jpg)
 
 ## Environment Variables
 

static/stylesheets/style.css

@@ -15,17 +15,23 @@ a {
 }
 
 div#control-panel {
-  color: white;
-  background: #111;
-  background: rgba(0, 0, 0, 0.8);
-  border: 2px solid black;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  background: white;
+  box-sizing: border-box;
+  border-radius: 2px;
+  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
+              0 6px 30px 5px rgba(0, 0, 0, 0.12),
+              0 8px 10px -5px rgba(0, 0, 0, 0.2);
+  color: #111111;
   width: 150px;
   left: 0;
   margin: 0;
   padding: 0;
   position: fixed;
   text-align:center;
-  bottom: 0;
+  left: 12px;
+  bottom: 36px;
   z-index: 20;
 }