layout

askomics · May 12, 2023 · e0477e1 · e0477e1
1 parent d8d8caa
commit e0477e1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/askomics/react/src/routes/query/attribute.jsx b/askomics/react/src/routes/query/attribute.jsx
@@ -532,7 +532,7 @@ export default class AttributeBox extends Component {
                 <div className="input-with-icon">
                 <Input className="input-with-icon" data-index={index} disabled={this.props.attribute.optional} type="text" id={this.props.attribute.id} value={filter.filterValue} onChange={this.handleLinkedNumericValue} placeholder={placeholder} />
                 {index == numberOfFilters ? <button className="input-with-icon"><i className="attr-icon fas fa-plus inactive" id={this.props.attribute.id} onClick={this.toggleAddNumLinkedFilter}></i></button> : <></>}
-                {index == numberOfFilters && index > 0 ? <button className="input-with-icon"><i className="attr-icon fas fa-minus inactive" id={this.props.attribute.id} onClick={this.toggleRemoveNumLinkedFilter}></i></button> : <></>}
+                {index == numberOfFilters && index > 0 ? <button className="input-with-icon-two"><i className="attr-icon fas fa-minus inactive" id={this.props.attribute.id} onClick={this.toggleRemoveNumLinkedFilter}></i></button> : <></>}
                 </div>
               </td>
             </tr>

diff --git a/askomics/static/css/askomics.css b/askomics/static/css/askomics.css
@@ -202,6 +202,20 @@ button.input-with-icon {
   box-sizing: border-box;
 }
 
+button.input-with-icon-two {
+  border: none;
+  background: none;
+  position: absolute;
+  right: 2.15rem;
+  top: 0.15rem;
+  width: 2rem;
+  height: 2rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+}
+
 
 /*Context menu *********************************************************/
 .react-contextmenu {