From 8df1dc807d3f362523c3b23c1d44bd027faab542 Mon Sep 17 00:00:00 2001
From: Brendan Gadd <brendangadd@gmail.com>
Date: Wed, 7 Oct 2020 12:39:42 -0400
Subject: [PATCH] fix: Improve spacing for new data volume config

Adjusts styles so that new data volumes in the "new server" view
display their fields correctly.
---
 .../form-data-volumes/form-data-volumes.component.html    | 2 +-
 .../form-data-volumes/form-data-volumes.component.scss    | 8 +++-----
 .../src/app/resource-form/volume/volume.component.scss    | 8 ++++++--
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.html b/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.html
index f30b6da0..8b11d0d3 100644
--- a/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.html
+++ b/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.html
@@ -17,7 +17,7 @@ <h3>
     <mat-icon>add</mat-icon>ADD VOLUME
   </button>
 
-  <div *ngFor="let vol of datavols; let i = index" class="volume-wrapper">
+  <div *ngFor="let vol of datavols; let i = index" class="delible-volume">
     <app-volume
       [volume]="vol"
       [notebookName]="parentForm.get('name').value"
diff --git a/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.scss b/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.scss
index 90620666..65647195 100644
--- a/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.scss
+++ b/frontend/src/app/resource-form/form-data-volumes/form-data-volumes.component.scss
@@ -1,17 +1,15 @@
 // Data Volumes with the Delete button
-.volume-wrapper {
+.delible-volume {
   display: flex;
   width: 100%;
 }
 
-.volume-wrapper > app-volume {
-  flex: 1 1 0px;
+.delible-volume > app-volume {
   min-width: initial;
   max-width: 93%;
 }
 
-.volume-wrapper > .del-btn {
-  flex: 1 1 0px;
+.delible-volume > .del-btn {
   margin-top: 0.8rem;
   margin-left: 1.5rem;
   width: 7%;
diff --git a/frontend/src/app/resource-form/volume/volume.component.scss b/frontend/src/app/resource-form/volume/volume.component.scss
index f55a064c..377d2a16 100644
--- a/frontend/src/app/resource-form/volume/volume.component.scss
+++ b/frontend/src/app/resource-form/volume/volume.component.scss
@@ -20,8 +20,6 @@
 
 .volume-wrapper {
   display: flex;
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
 }
 
 .volume-wrapper > * {
@@ -29,3 +27,9 @@
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
+.volume-wrapper > *:first-child {
+  padding-left: 0;
+}
+.volume-wrapper > *:last-child {
+  padding-right: 0;
+}