From 94d123075b81727ad3e739ed070447dcd7d2b624 Mon Sep 17 00:00:00 2001
From: tanya <oleynikova.tan@gmail.com>
Date: Wed, 28 Oct 2020 11:46:08 +0600
Subject: [PATCH] added image openning

---
 augbuilder/layout.py | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/augbuilder/layout.py b/augbuilder/layout.py
index 55723fd..92e8c4e 100644
--- a/augbuilder/layout.py
+++ b/augbuilder/layout.py
@@ -1,27 +1,34 @@
 def return_layout():
     """
     Returns layout.
-
+    
     Returns:
         9 elements for transformation example 
     """
     return """
     <style>
-
+    .main{
+        overflow-x: hidden !important;
+    }
     .main .block-container > div{
-
         width: 130% !important;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
+        gap: 2.5rem;
     }
     
 
     .main .element-container:nth-child(4),
     .main .element-container:nth-child(5){
         width: 0% !important;
-    } 
+        height: 0% !important;
+    }
 
+    .main .element-container:nth-child(1),
+    .main .element-container:nth-child(2){
+        width: 100% !important;
+    } 
    
     .main .element-container:nth-child(6),
     .main .element-container:nth-child(7),
@@ -31,18 +38,21 @@ def return_layout():
     .main .element-container:nth-child(11),
     .main .element-container:nth-child(12),
     .main .element-container:nth-child(13),
-     .main .element-container:nth-child(14){
-        width: 33% !important;
-        height: 33% !important;
+    .main .element-container:nth-child(14){
+        width: 30% !important;
+        height: 30% !important;
     }
-    
     .main .stFileUploader > div,
     .main .stFileUploader > label{
         width: 98% !important;
     }
-    .main .stImage > img{
+    .main .stImage {
         width: 40% !important;
+        
+    }
+    .main .stImage > img{
+        width: 100% !important;
+        
     }
-
     </style>
     """