Step 19.15: Updated the styles of the party details

Urigo · Nov 27, 2016 · 929c0f3 · 929c0f3
1 parent 28d23f0
commit 929c0f3
Showing 1 changed file with 16 additions and 23 deletions.
diff --git a/client/imports/app/parties/party-details.component.scss b/client/imports/app/parties/party-details.component.scss
@@ -1,32 +1,25 @@
-.ma-party-details-container {
-  padding: 20px;
+.party-details-container {
+  display: table;
 
-  .angular-google-map-container {
+  .row {
+    display: table-row;
     width: 100%;
-    height: 100%;
-  }
-
-  .angular-google-map {
-    width: 100%;
-    height: 400px;
-  }
-
-  .ma-map-title {
-    font-size: 16px;
-    font-weight: bolder;
-  }
 
-  .ma-invite-list {
-    margin-top: 20px;
-    margin-bottom: 20px;
+    .party-details, .party-invites, .party-map {
+      display: table-cell;
+      width: 33.3%;
+      vertical-align: top;
 
-    h3 {
-      font-size: 16px;
-      font-weight: bolder;
+      md-card {
+        margin: 20px;
+      }
     }
 
-    ul {
-      padding: 0;
+    .party-map {
+      sebm-google-map {
+        height: 300px;
+        width: 100%;
+      }
     }
   }
 }