add quick add inline styles to css, match other modals/notices (#111)

Author: taramk

lib/ui/quickadd.tsx

@@ -23,23 +23,16 @@ export const QuickAdd = {
           height: "100%"
         }}></div>
 
-        <div style={{
+        <div class="notice" style={{
           position: "relative",
           marginLeft: "auto", 
           marginRight: "auto", 
-          width: "45vw",
-          borderRadius: "0.5rem",
-          filter: "drop-shadow(2px 2px 4px #5555)",
           marginTop: "20vh", 
-          padding: "2rem",
-          background: "white"
         }}>
-          <h3 style={{margin: "0"}}>Quick Add</h3>
-          <hr />
+          <h3>Quick Add</h3>
           <OutlineEditor workbench={workbench} node={workbench.quickadd} panel={panel} />
-          <hr />
-          <div style={{textAlign: "right"}}>
-            <button style={{padding: "0.5rem", margin: "0.25rem"}} onclick={() => {
+          <div class="button-bar">
+            <button class="primary" onclick={() => {
               workbench.commitQuickAdd();
               workbench.closeQuickAdd();
             }}>Add to Today</button>

web/static/app/main.css

@@ -229,6 +229,7 @@ svg.node-bullet circle#node-collapsed {
   font-weight: var(--weight-semibold);
   font-size: var(--text-small);
 }
+/*todo: combine common styles for palette/search*/
 .palette .selected, .search .selected {
   background: var(--gray-200);
   border-radius: var(--border-radius);