diff --git a/index.html b/index.html
index 9b7e671..f98b6fa 100644
--- a/index.html
+++ b/index.html
@@ -74,7 +74,7 @@ <h1>Edit Appointment</h1>
 
    <!--TEMPLATE details of appointments-->
     <script id="details" type="text/HTML">
-        <header>
+        <header class="details-pg-header">
           <i class="fa fa-calendar-o"></i>
           <h1 class="header"> Details </h1>
         </header>
diff --git a/js/appt-new-controller.js b/js/appt-new-controller.js
index 332afb7..2b2928e 100644
--- a/js/appt-new-controller.js
+++ b/js/appt-new-controller.js
@@ -5,16 +5,17 @@ app.router.route('appt/new', function () {
 	$('.appointment-form').on('submit', function (e) {
 	e.preventDefault();
 
-	var addAppt = new app.Appt(
-	  $('input[name=title-input]').val(),
-	  $('input[name=date-input]').val(),
-	  $('input[name=time-input]').val(),
-	  $('input[name=address-input]').val()
-	);
-//	return addAppt;
-	app.appts.add(addAppt);
+		var addAppt = new app.appts(
+		  $('input[name=title-input]').val(),
+		  $('input[name=date-input]').val(),
+		  $('input[name=time-input]').val(),
+		  $('input[name=address-input]').val()
+		);
+		return addAppt;
 
-});
+		app.appts.add(addAppt);
+
+	});
 });
 
 app.router.route('home', goHome);
diff --git a/js/appt.js b/js/appt.js
index 3f1b2d8..0e702d3 100644
--- a/js/appt.js
+++ b/js/appt.js
@@ -7,3 +7,5 @@ app.appts = function (apptTitle, date, apptTime, address) {
   return app.appts;
 
 };
+
+console.log(app.appts);
diff --git a/styles/details-style.css b/styles/details-style.css
index 334c466..bbdf58e 100644
--- a/styles/details-style.css
+++ b/styles/details-style.css
@@ -1,8 +1,27 @@
-
+ .details-pg-header {
+   width:100%;
+ }
  .details-appointment-title, .details-appointment-date,
  .details-appointment-time, .details-appointment-address,
  .details-appointment-map, .details-weather-container, .details-appointment-notes {
 	border: 1px solid black;
-	padding: 1em;
+	padding-bottom: 1em;
 	background: white;
- }
\ No newline at end of file
+  display:inline-block;
+  position:relative;
+  text-align:center;
+ }
+ .details-appointment-title, .details-appointment-address, .details-appointment-map, .details-weather-container, .details-appointment-notes {
+   width:40em;
+   height:3em;
+ }
+ .details-appointment-date, .details-appointment-time {
+   width:10em;
+   height:1.5em;
+ }
+ .details-appointment-date {
+   float:left;
+ }
+ .details-appointment-time {
+   float:right;
+ }
diff --git a/styles/styles.css b/styles/styles.css
index 7acebaa..65c5006 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -14,6 +14,10 @@ header {
   font-size:1.7em;
   text-shadow: 3px 3px white;
 }
+.main-container {
+  display:block;
+  max-width: 100%;
+}
 .fa-bars {
   float:right;
   position:absolute;
@@ -36,29 +40,6 @@ header {
   z-index: 2;
   top:0;
 }
-.menu {
-  background-color:#f0f1ee;
-  padding:0.5em;
-  padding-left:3.5em;
-  line-height:1.5em;
-  width: 170px;
-  height:6em;
-  position: absolute;
-  top: 60px;
-}
-.wrap:hover .menu {
-   right: -7px;
- }
- .menu a {
-   font-family: 'Open Sans Condensed', sans-serif;
-   text-decoration:none;
-   font-family:Helvetica;
-   margin-bottom:0.5em;
-   color:black;
- }
- .menu a:hover {
-   color:#8FD4D9;
- }
 .fa-calendar-o {
   float:left;
   position:absolute;
@@ -68,11 +49,6 @@ header {
   font-size:1.7em;
   text-shadow: 3px 3px white;
 }
-.main-container {
-  margin:0 auto;
-  display:block;
-  max-width: 50%;
-}
 .search-form {
   display:block;
 }