remove min width on roam settings input elements (#261)

* remove min width on roam settings input elements * 1.30.1
RoamJS · May 19, 2024 · 327b369 · 327b369
1 parent 40608d0
commit 327b369
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "query-builder",
-  "version": "1.30.0",
+  "version": "1.30.1",
   "description": "Introduces new user interfaces for building queries in Roam",
   "main": "./build/main.js",
   "author": {

diff --git a/src/components/DefaultFilters.tsx b/src/components/DefaultFilters.tsx
@@ -59,8 +59,9 @@ const Filter = ({
           ))}
         </ul>
       </div>
-      <div className="justify-between items-center flex gap-1">
+      <div className="justify-end items-center flex gap-1">
         <InputGroup
+          style={{ minWidth: "initial" }}
           value={newFilter}
           onChange={(e) => setNewFilter(e.target.value)}
         />
@@ -135,7 +136,6 @@ const DefaultFilters = (extensionAPI: OnloadArgs["extensionAPI"]) => () => {
   return (
     <div
       style={{
-        width: "100%",
         minWidth: 256,
       }}
     >
@@ -166,8 +166,9 @@ const DefaultFilters = (extensionAPI: OnloadArgs["extensionAPI"]) => () => {
           }}
         />
       ))}
-      <div className="flex justify-between items-center gap-2">
+      <div className="flex justify-end items-center gap-2">
         <InputGroup
+          style={{ minWidth: "initial" }}
           value={newColumn}
           onChange={(e) => setNewColumn(e.target.value)}
         />

diff --git a/src/components/QueryPagesPanel.tsx b/src/components/QueryPagesPanel.tsx
@@ -28,7 +28,11 @@ const QueryPagesPanel = (extensionAPI: OnloadArgs["extensionAPI"]) => () => {
       }}
     >
       <div className={"flex gap-2"}>
-        <InputGroup value={value} onChange={(e) => setValue(e.target.value)} />
+        <InputGroup
+          style={{ minWidth: "initial" }}
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+        />
         <Button
           icon={"plus"}
           minimal