fix(dialog-layout): add styles for modal dialog

#467
bwsw · Aug 30, 2017 · 75ed1b0 · 75ed1b0
1 parent b0057bd
commit 75ed1b0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/app/template/template-creation/template-creation.component.scss b/src/app/template/template-creation/template-creation.component.scss
@@ -10,12 +10,19 @@
 .column {
   min-width: 300px;
   max-width: 300px;
+  &:first-child {
+    margin-right: 10px;
+  }
+  &:last-child {
+    margin-left: 10px;
+  }
 }
 
 .flex-dialog-content {
   display: flex;
+  padding: 15px 0;
   justify-content: space-between;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .dynscal-checkbox {

diff --git a/src/app/vm/vm-creation/vm-creation.component.scss b/src/app/vm/vm-creation/vm-creation.component.scss
@@ -40,6 +40,7 @@
   display: flex;
   padding: 15px 0;
   justify-content: space-between;
+  overflow: auto;
 }
 
 h5 {
@@ -55,9 +56,14 @@ h5 {
   margin-top: 20px;
 }
 
-.left-column,
+.left-column{
+  width: 300px;
+  margin-right: 10px;
+}
+
 .right-column {
   width: 300px;
+  margin-left: 10px;
 }
 
 .root-disk-size {