First Query Builder/Expert Mode implementation

app/static/css/queryBuilder.css

@@ -1,42 +1,31 @@
-.modal-conent {
+.modal-content {
   overflow-x: hidden;
 }
 
-#concordance-query-builder {
+#positional-attr-modal, #structural-attr-modal {
   width: 70%;
 }
 
-#concordance-query-builder nav {
-  background-color: #6B3F89;
-  margin-top: -25px;
-  margin-left: -25px;
-  width: 105%;
-}
-
-#query-builder-nav{
-  padding-left: 15px;
-}
-
-#close-query-builder {
-  margin-right: 50px;
-  cursor: pointer;
-}
-
 #general-options-query-builder-tutorial-info-icon {
   color: black;
 }
 
-#your-query {
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-}
-
 #insert-query-button {
   background-color: #00426f;
   text-align: center;
 }
 
-#structural-attr h6 {
+.attr-modal-header {
+  background-color: #f2eff7;
+  padding: 15px;
+  padding-left: 25px;
+  border-top: 10px solid #6B3F89;
+  margin-left: -24px;
+  margin-top: -24px;
+  margin-right: -24px;
+}
+
+.attr-modal-header h6 {
   margin-left: 15px;
 }
 
@@ -44,16 +33,16 @@
   color: black;
 }
 
-#sentence {
-  background-color:#FD9720;
+[data-structural-attr-modal-action-button="sentence"]{
+  background-color:#FD9720 !important;
 }
 
-#entity {
-  background-color: #A6E22D;
+[data-structural-attr-modal-action-button="entity"]{
+  background-color: #A6E22D !important;
 }
 
-#text-annotation {
-  background-color: #2FBBAB;
+[data-structural-attr-modal-action-button="meta-data"]{
+  background-color: #2FBBAB !important;
 }
 
 #no-value-metadata-message {
@@ -61,19 +50,12 @@
   margin-left: -20px;
 }
 
-#token-kind-selector {
-  background-color: #f2eff7;
-  padding: 15px;
-  border-top-style: solid;
-  border-color: #6B3F89;
+.attr-modal-header.input-field {
+  margin-left: 41px;
 }
 
-#token-kind-selector.s5 {
-  margin-top: 15px;
-}
-
-#token-kind-selector h6 {
-  margin-left: 15px;
+#token-attr {
+  margin-left: 41px;
 }
 
 #token-tutorial-info-icon {
@@ -97,11 +79,11 @@
   background-color: #2FBBAB;
 }
 
-#incidence-modifiers a{
+#incidence-modifiers-dropdown a{
   background-color: white;
 }
 
-#ignore-case {
+#ignore-case-checkbox {
   margin-left: 5px;
 }