Added layout changes for modify template

Layout changes for 2nd stepper

Issue-ID: CCSDK-975
Change-Id: Ie238a930545e55b5a3a8d19e8966a19bca3691a7
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>

1 files changed, 63 insertions, 2 deletions

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.scss
index 22941b5fa..1ddb2559e 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.scss
@@ -1,7 +1,7 @@
 /*
 ============LICENSE_START==========================================
 ===================================================================
-Copyright (C) 2018 IBM Intellectual Property. All rights reserved.
+Copyright (C) 2018-19 IBM Intellectual Property. All rights reserved.
 ===================================================================
 
 Unless otherwise specified, all software contained herein is licensed
@@ -17,4 +17,65 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 ============LICENSE_END============================================
-*/
\ No newline at end of file
+*/
+
+.outerDiv {
+    display: flex;
+    // align-items: center;
+    // justify-content: center;
+    margin: 1px;
+    padding: 16px;
+    border-radius: 8px;
+  }
+
+  .divone {
+    height: 100%;
+    width: 18%;
+    background-color: #D7D1D1;
+  }
+.divtwo {
+  height: 100%;
+    width: 100%;
+    background-color: #D7D1D1;
+}
+.divThree{
+  width: 30%;
+  height: 100%;
+  background-color: #D7D1D1;
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.flex-container > div {
+  background-color: #f1f1f1;
+  width: 53px;
+  margin: 2px;
+  text-align: center;
+  line-height: 53px;
+  font-size: 13px;
+}
+.cnv
+{
+  background-image: url('http://i.imgur.com/M3PFd.png');
+  background-position: 39px 32px;
+  background-repeat: repeat;
+  width: 100%
+}
+
+.modifyTemp {
+    display: flex; 
+    flex-direction: row; 
+    height: 524px;
+    width: 100%
+}
+
+.mat-expansion-panel-header{
+  background-color: #3f51b5 !important; 
+}
+
+.mat-expansion-panel-header-title {
+  color: white !important;
+}
\ No newline at end of file