Minor CSS fixes with the viz container and export button alignment.

Merge pull request #2 from jrdzha/master
lux-org · Jan 30, 2020 · 40083bf · 40083bf
2 parents 3beda0c + 2bdbc40
commit 40083bf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/widget/css/widget.css b/widget/css/widget.css
@@ -24,7 +24,8 @@ input[type=text], select {
   text-align: left;
   /* padding-left: 20px; */
   /* padding-top: 10px; */
-  height: 100%;
+  /* height: 100%; */
+  height: 280px;
   box-sizing: border-box;
   width: 100%;
   position: relative;
@@ -117,16 +118,23 @@ input[type=text], select {
   left: 3%;
   position: absolute;
 }
+#placeHolderVizContainer{
+  min-height: 100%;
+  min-width: 1px;
+}
 #tabBanner{
   width: auto;
   overflow: hidden;
   min-width: 70%;
 }
 #exportBtn{
   position: absolute;
-  bottom: 90%;
-  left: 97%;
+  /* bottom: 90%; */
+  /* left: 97%; */
+  top: 0px;
+  right: 0px;
   font-size: 20px;
+  padding: 5px;
 }
 #alertBox{
   position: absolute;

diff --git a/widget/src/currentView.tsx b/widget/src/currentView.tsx
@@ -28,7 +28,10 @@ class CurrentViewComponent extends Component<currentViewProps,any> {
                 </div>
             );
         }else{
-            return null
+            return (
+                <div className="placeHolderVizContainer">
+                </div>
+            )
         }
 
     }