add resonsive map

labs-sg1-refugee-stories · May 24, 2019 · ca1d558 · ca1d558
1 parent f6a1e22
commit ca1d558
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 6 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/refugee-stories/src/actions/index.js b/refugee-stories/src/actions/index.js
@@ -90,4 +90,7 @@ export const login = (newCredentials) => dispatch => {
       dispatch({ type: LOGIN_SUCCESS, payload: res });
     })
     .catch(err => console.log(err));
-};
+};
+
+
+
diff --git a/refugee-stories/src/components/Map.js b/refugee-stories/src/components/Map.js
@@ -1,15 +1,24 @@
 import React from "react";
 import { Map, InfoWindow, Marker, GoogleApiWrapper } from "google-maps-react";
 
+
 const style = {
   width: "50%",
   height: "50%",
-  marginLeft: '470px',
+  marginLeft: '25%',
   position: "static"
 
 };
 
+
 export class MapContainer extends React.Component {
+
+
+
+
+
+
+
   render() {
     return (
       <Map style={style} 
@@ -50,5 +59,5 @@ export class MapContainer extends React.Component {
 }
 
 export default GoogleApiWrapper({
-  apiKey: "AIzaSyAvZSdsDQUaRmDELHpaiIFgcDR4M5pa6cs"
+  apiKey: "AIzaSyAvZSdsDQUaRmDELHpaiIFgcDR4M5pa6cs",
 })(MapContainer);
diff --git a/refugee-stories/src/reducers/index.js b/refugee-stories/src/reducers/index.js
@@ -22,11 +22,13 @@ import {
   LOGIN_START,
   LOGIN_SUCCESS,
   LOGIN_FAILURE,
+
+
 } from "../actions";
 
 const initialState = {
   stories: [],
-  adminStories: []
+  adminStories: [],
 };
 
 export const storiesReducer = (state = initialState, action) => {

diff --git a/refugee-stories/src/views/pages/AddStory.js b/refugee-stories/src/views/pages/AddStory.js
@@ -44,7 +44,7 @@ const TextInput = styled.textarea`
     letter-spacing: 1px;
   }
 `;
-const Header = styled.div`
+const Header = styled.h1`
   margin: 0 auto;
   margin-top: 40px;
 `;

diff --git a/refugee-stories/src/views/pages/Connect.js b/refugee-stories/src/views/pages/Connect.js
@@ -17,7 +17,7 @@ const HeroWrapper = styled.div`
   font-size: 4rem;
 `;
 const MapWrapper = styled.div`
-
+position: static;
 display:flex;
 flex-direction: column;
 color:white;
-Original file line number
+Diff line change
@@ Expand Up / @@ -90,4 +90,7 @@ export const login = (newCredentials) => dispatch => { @@
           dispatch({ type: LOGIN_SUCCESS, payload: res });
         })
         .catch(err => console.log(err));
-    };
+    };