Merge pull request #327 from Mink-Mink/master

Applied most style changes from the new figma design

app/components/icons-generated/Undo.js

@@ -0,0 +1,16 @@
+import * as React from 'react'
+const SvgUndo = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height={24}
+    viewBox="0 -960 960 960"
+    width={24}
+    {...props}
+  >
+    <path
+      className="undo_svg__gray"
+      d="M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z"
+    />
+  </svg>
+)
+export default SvgUndo

app/components/icons-generated/index.js

@@ -13,4 +13,5 @@ export {default as MagnifyingGlass} from './MagnifyingGlass'
 export {default as Search} from './Search'
 export {default as Share} from './Share'
 export {default as Tag} from './Tag'
+export {default as Undo} from './Undo'
 export {default as Users} from './Users'

app/components/search.tsx

@@ -36,7 +36,7 @@ export default function Search({
   const searchInputRef = useRef('')
 
   const [urlSearchParams] = useSearchParams()
-  const placeholder = urlSearchParams.get('placeholder') ?? 'Search for more questions here...'
+  const placeholder = urlSearchParams.get('placeholder') ?? 'Ask a question about AGI safety'
 
   const {search, isPendingSearch, results} = useSearch(onSiteAnswersRef, limitFromUrl)
 
@@ -265,7 +265,7 @@ const ShowMoreSuggestions = ({
   return (
     <Dialog onClose={onClose}>
       <div className="dialog-title">
-        You searched for &quot;{question}&quot;.
+        <div className="dialog-title-header">You searched for &quot;{question}&quot;.</div>
         <br />
         Here are some questions we&apos;re still answering. Are any of these what you&apos;re
         looking for?