use holy grail layout

src/App.css

@@ -10,17 +10,17 @@
 }
 .main {
   float: left;
-  width: 75%;
-  margin-top: 1%;
+  width: 100%;
 }
 .left {
-  margin-left: 3%;
-  margin-top: 1%;
+  float: left;
+  width: 200px;
+  margin-left: -100%;
+  position: relative;
+  left: -200px;
 }
 
-.left-content {
-  margin: 0 30px;
-}
+
 
 .App-header, .App-footer {
   background-color: #282c34;
@@ -35,5 +35,6 @@
 }
 
 .main-container {
-  padding: 5px;
+  padding: 5px 0 5px 200px;
+  overflow: hidden;
 }
\ No newline at end of file

src/App.js

@@ -16,7 +16,7 @@ class App extends Component {
 		super(props)
 
 		const storage = new LocalStorageManager()
-		storage.set("logins", ["nguyetra","lyujiawe", "jbarthel"])
+		storage.set("logins", ["nguyetra", "lyujiawe", "jbarthel"])
 		let logins = storage.logins()
 
 
@@ -38,7 +38,7 @@ class App extends Component {
 		} else {
 			alert("Student has been added in list. Please enter another login !");
 		}
-		
+
 	}
 
 	deleteLogin = (login) => {
@@ -57,32 +57,30 @@ class App extends Component {
 		return (
 			<div>
 				<header className="App-header">
-        		<h1>UTC Scheduler</h1>
-      	</header>
+					<h1>UTC Scheduler</h1>
+				</header>
 				<div className="clearfix main-container">
-					<div className="row">
-						<div className="left">
-							<LoginInput
-								handleClick={(this.addLogin)}
-							/>
-							<div>
-								<label htmlFor="exampleInputEmail1">Current students:</label>
-							</div>
-							<StudentsList
+					<div className="main">
+						<div className="scheduler-container">
+							<SchedulerWithData
+								timeFormatState={currentTimeFormatState}
+								onDataUpdated={this.logDataUpdate}
+								id="schedule"
 								logins={logins}
-								handleClick={(this.deleteLogin)}
 							/>
 						</div>
-						<div className="main">
-							<div className="scheduler-container">
-								<SchedulerWithData
-									timeFormatState={currentTimeFormatState}
-									onDataUpdated={this.logDataUpdate}
-									id="schedule"
-									logins={logins}
-								/>
-							</div>
+					</div>
+					<div className="left">
+						<LoginInput
+							handleClick={(this.addLogin)}
+						/>
+						<div>
+							<label htmlFor="exampleInputEmail1">Current students:</label>
 						</div>
+						<StudentsList
+							logins={logins}
+							handleClick={(this.deleteLogin)}
+						/>
 					</div>
 				</div>
 				<footer className="App-footer">