merged suggestion dropdown

src/App.css

@@ -289,26 +289,6 @@ footer {
 
 }
 
-.section-results {
-  display:inline;
-  padding: 10px 40px;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  /* padding-left: 1em;
-  padding-right: 1em;
-  justify-content: center;
-  align-items: flex-start;
-  display: flex; */
-}
-
-.section-results button {
-  border-radius: 0;
-  box-shadow: none;
-  border-style: solid;
-  border-width: 1px;
-  border-color: #222222;
-}
-
 .sect-drop {
   box-sizing: border-box;
   width: 10rem;

src/App.js

@@ -267,6 +267,7 @@ function App() {
           <SearchBar changeParameter={changeParameter} />
           <LangDropdown changeParameter={changeParameter} data={data} />
           <SectDropdown className="sect-drop" changeParameter={changeParameter} data={data} value={searchParams['section'] || "allSects"}/>
+          <h3>Suggestions based on your search</h3>
           <div className="search-results section-results">{sectionResultsList}</div>
         </div>
       </header>

src/components/SectDropdown.js

@@ -55,7 +55,7 @@ function SectDropdown({ changeParameter, data, value}) {
   return (
     <select value={value} className="sect-drop" onChange={handleChange} name="sections" id="sections">
       <option key="allSects" value="">
-        Section Results
+        Topics
       </option>
       {options}
     </select>