Merge pull request #2185 from kocsmy/design/new-data-source+query-editor

Design/new data source+query editor

Author: arikfr

client/app/assets/images/db-logos/athena.png

@@ -1,13 +1,18 @@
 .edit-in-place span {
   white-space: pre-line;
+
+  p {
+    margin-bottom: 0;
+  }
 }
 
 .edit-in-place span.editable {
   cursor: pointer;
 }
 
 .edit-in-place span.editable:hover {
-  background: #FCFCA2;
+  background: @redash-yellow;
+  border-radius: @redash-radius;
 }
 
 .edit-in-place input,
@@ -24,3 +29,35 @@
   display: inline-block;
 }
 
+.edit-in-place {
+  display: inline-block;
+}
+
+.edit-in-place {
+  .rd-form-control {
+    padding: 0px 6px;
+    width: 30vw;
+  }
+
+  &.active {
+    textarea.rd-form-control {
+      height: 29px;
+      width: 40vw;
+    }
+  }
+}
+
+
+@media (max-width: 880px) {
+  .edit-in-place {
+    .rd-form-control {
+      width: 50vw;
+    }
+
+    &.active {
+      textarea.rd-form-control {
+        width: 50vw;
+      }
+    }
+  }
+}

client/app/assets/images/db-logos/axibasetsd.png

@@ -10,8 +10,8 @@ textarea.v-resizable {
   &.required {
     .control-label {
       &:after {
-        content: "*";
-        color: red;
+        content: " *";
+        color: inherit;
       }
     }
   }