From 70b15009c3fb94821b488e3ee7f4a5b40896b077 Mon Sep 17 00:00:00 2001
From: fsimonjetz <fabian.simonjetz@ruhr-uni-bochum.de>
Date: Mon, 15 Apr 2024 13:19:20 +0000
Subject: [PATCH] update snapshots

---
 .../FragmentariumSearch.test.tsx.snap         |  20 +-
 .../__snapshots__/subpages.test.tsx.snap      | 928 +++++++++---------
 2 files changed, 476 insertions(+), 472 deletions(-)

diff --git a/src/fragmentarium/ui/search/__snapshots__/FragmentariumSearch.test.tsx.snap b/src/fragmentarium/ui/search/__snapshots__/FragmentariumSearch.test.tsx.snap
index efab8b812..3eb485de8 100644
--- a/src/fragmentarium/ui/search/__snapshots__/FragmentariumSearch.test.tsx.snap
+++ b/src/fragmentarium/ui/search/__snapshots__/FragmentariumSearch.test.tsx.snap
@@ -67,7 +67,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="number"
               >
                 <i
@@ -97,7 +97,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="TransliterationSearchForm__label col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="reference"
               >
                 <i
@@ -175,7 +175,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
                 </div>
               </div>
               <div
-                class="col-sm-5"
+                class="col"
               >
                 <input
                   aria-label="Pages"
@@ -192,7 +192,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="TransliterationSearchForm__label col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="period"
               >
                 <i
@@ -344,7 +344,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="TransliterationSearchForm__label col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="site"
               >
                 <i
@@ -426,7 +426,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="TransliterationSearchForm__label col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="genre"
               >
                 <i
@@ -508,7 +508,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="TransliterationSearchForm__label col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="lemmas"
               >
                 <i
@@ -660,7 +660,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
               class="form-group row"
             >
               <label
-                class="TransliterationSearchForm__label col-sm-2 form-label"
+                class="TransliterationSearchForm__label col-sm-1 form-label"
                 for="transliteration"
               >
                 <i
@@ -668,7 +668,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
                 />
               </label>
               <div
-                class="col-sm-10"
+                class="col-sm-11"
               >
                 <textarea
                   aria-label="Transliteration"
@@ -688,7 +688,7 @@ exports[`Searching fragments by transliteration Displays corpus results when cli
             role="toolbar"
           >
             <div
-              class="SearchForm__ButtonToolbar col-sm offset-sm-2"
+              class="SearchForm__ButtonToolbar col-sm offset-sm-1"
             >
               <button
                 class="w-25 m-1 btn btn-primary"
diff --git a/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap b/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap
index a27dec53c..80628f917 100644
--- a/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap
+++ b/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap
@@ -60,645 +60,649 @@ exports[`Project pages displays CAIC page 1`] = `
         <p>
           The cuneiform artifacts of the Iraq Museum in Baghdad are a central part of the cultural heritage of Mesopotamia, which is of great importance to all of humanity. As an interdisciplinary academic project, the aim of CAIC is to document, edit, and analyze approximately 17,000 cuneiform tablets both from historical and linguistic perspectives. With the help of the latest digital approaches it will also make them available online to the general public and experts from various disciplines.
         </p>
-        <h3>
-          Search CAIC Texts
-        </h3>
-        <form
-          class=""
+        <section
+          class="project-page__search"
         >
-          <div
-            class="form-group row"
+          <h3>
+            Search in CAIC
+          </h3>
+          <form
+            class=""
           >
-            <label
-              class="col-sm-2 form-label"
-              for="number"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
             <div
-              class="col"
+              class="form-group row"
             >
-              <input
-                aria-label="Number"
-                class="form-control"
-                id="number"
-                name="number"
-                placeholder="Museum, accession, CDLI, or excavation number"
-                type="text"
-                value=""
-              />
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="number"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
               <div
-                class="invalid-feedback"
+                class="col"
               >
-                At least one of prefix, number or suffix must be specified.
+                <input
+                  aria-label="Number"
+                  class="form-control"
+                  id="number"
+                  name="number"
+                  placeholder="Museum, accession, CDLI, or excavation number"
+                  type="text"
+                  value=""
+                />
+                <div
+                  class="invalid-feedback"
+                >
+                  At least one of prefix, number or suffix must be specified.
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="form-group row"
-          >
-            <label
-              class="TransliterationSearchForm__label col-sm-2 form-label"
-              for="reference"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
             <div
-              class="col"
+              class="form-group row"
             >
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="reference"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
               <div
-                class=" css-2b097c-container"
+                class="col"
               >
                 <div
-                  class=" css-yk16xz-control"
+                  class=" css-2b097c-container"
                 >
                   <div
-                    class=" css-g1d714-ValueContainer"
+                    class=" css-yk16xz-control"
                   >
                     <div
-                      class=" css-1wa3eu0-placeholder"
-                    >
-                      Name Year Title
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class=" css-g1d714-ValueContainer"
                     >
                       <div
-                        class=""
-                        style="display: inline-block;"
+                        class=" css-1wa3eu0-placeholder"
+                      >
+                        Name Year Title
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="Select bibliography reference"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-2-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class=""
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="Select bibliography reference"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-2-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class=" css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class=" css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class=" css-tlfecz-indicatorContainer"
+                      class=" css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class=" css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class=" css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
+              <div
+                class="col"
+              >
+                <input
+                  aria-label="Pages"
+                  class="form-control"
+                  id="reference"
+                  name="pages"
+                  placeholder="Page"
+                  type="text"
+                  value=""
+                />
+              </div>
             </div>
             <div
-              class="col-sm-5"
-            >
-              <input
-                aria-label="Pages"
-                class="form-control"
-                id="reference"
-                name="pages"
-                placeholder="Page"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="form-group row"
-          >
-            <label
-              class="TransliterationSearchForm__label col-sm-2 form-label"
-              for="period"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
-            <div
-              class="col"
+              class="form-group row"
             >
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="period"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
               <div
-                class="script-selection__selection css-2b097c-container"
+                class="col"
               >
                 <div
-                  class="period-selector__control css-yk16xz-control"
+                  class="script-selection__selection css-2b097c-container"
                 >
                   <div
-                    class="period-selector__value-container css-g1d714-ValueContainer"
+                    class="period-selector__control css-yk16xz-control"
                   >
                     <div
-                      class="period-selector__placeholder css-1wa3eu0-placeholder"
-                    >
-                      Period modifier
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class="period-selector__value-container css-g1d714-ValueContainer"
                     >
                       <div
-                        class="period-selector__input"
-                        style="display: inline-block;"
+                        class="period-selector__placeholder css-1wa3eu0-placeholder"
+                      >
+                        Period modifier
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="select-period-modifier"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-3-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class="period-selector__input"
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="select-period-modifier"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-3-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                      class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div
-              class="col"
-            >
               <div
-                class="script-selection__selection css-2b097c-container"
+                class="col"
               >
                 <div
-                  class="period-selector__control css-yk16xz-control"
+                  class="script-selection__selection css-2b097c-container"
                 >
                   <div
-                    class="period-selector__value-container css-g1d714-ValueContainer"
+                    class="period-selector__control css-yk16xz-control"
                   >
                     <div
-                      class="period-selector__placeholder css-1wa3eu0-placeholder"
-                    >
-                      Period
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class="period-selector__value-container css-g1d714-ValueContainer"
                     >
                       <div
-                        class="period-selector__input"
-                        style="display: inline-block;"
+                        class="period-selector__placeholder css-1wa3eu0-placeholder"
+                      >
+                        Period
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="select-period"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-5-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class="period-selector__input"
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="select-period"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-5-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                      class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="form-group row"
-          >
-            <label
-              class="TransliterationSearchForm__label col-sm-2 form-label"
-              for="site"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
             <div
-              class="col"
+              class="form-group row"
             >
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="site"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
               <div
-                class=" css-2b097c-container"
+                class="col"
               >
                 <div
-                  class="provenance-selector__control css-yk16xz-control"
+                  class=" css-2b097c-container"
                 >
                   <div
-                    class="provenance-selector__value-container css-g1d714-ValueContainer"
+                    class="provenance-selector__control css-yk16xz-control"
                   >
                     <div
-                      class="provenance-selector__placeholder css-1wa3eu0-placeholder"
-                    >
-                      Provenance
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class="provenance-selector__value-container css-g1d714-ValueContainer"
                     >
                       <div
-                        class="provenance-selector__input"
-                        style="display: inline-block;"
+                        class="provenance-selector__placeholder css-1wa3eu0-placeholder"
+                      >
+                        Provenance
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="select-provenance"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-6-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class="provenance-selector__input"
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="select-provenance"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-6-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="provenance-selector__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="provenance-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class="provenance-selector__indicator provenance-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                      class="provenance-selector__indicators css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class="provenance-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class="provenance-selector__indicator provenance-selector__dropdown-indicator css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="form-group row"
-          >
-            <label
-              class="TransliterationSearchForm__label col-sm-2 form-label"
-              for="genre"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
             <div
-              class="col"
+              class="form-group row"
             >
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="genre"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
               <div
-                class=" css-2b097c-container"
+                class="col"
               >
                 <div
-                  class="genre-selector__control css-yk16xz-control"
+                  class=" css-2b097c-container"
                 >
                   <div
-                    class="genre-selector__value-container css-g1d714-ValueContainer"
+                    class="genre-selector__control css-yk16xz-control"
                   >
                     <div
-                      class="genre-selector__placeholder css-1wa3eu0-placeholder"
-                    >
-                      Genre
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class="genre-selector__value-container css-g1d714-ValueContainer"
                     >
                       <div
-                        class="genre-selector__input"
-                        style="display: inline-block;"
+                        class="genre-selector__placeholder css-1wa3eu0-placeholder"
+                      >
+                        Genre
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="select-genre"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-7-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class="genre-selector__input"
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="select-genre"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-7-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="genre-selector__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="genre-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class="genre-selector__indicator genre-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                      class="genre-selector__indicators css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class="genre-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class="genre-selector__indicator genre-selector__dropdown-indicator css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="form-group row"
-          >
-            <label
-              class="TransliterationSearchForm__label col-sm-2 form-label"
-              for="lemmas"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
             <div
-              class="col"
+              class="form-group row"
             >
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="lemmas"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
               <div
-                class=" css-2b097c-container"
+                class="col"
               >
                 <div
-                  class=" css-yk16xz-control"
+                  class=" css-2b097c-container"
                 >
                   <div
-                    class=" css-g1d714-ValueContainer"
+                    class=" css-yk16xz-control"
                   >
                     <div
-                      class=" css-1wa3eu0-placeholder"
-                    >
-                      Lemmata
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class=" css-g1d714-ValueContainer"
                     >
                       <div
-                        class=""
-                        style="display: inline-block;"
+                        class=" css-1wa3eu0-placeholder"
+                      >
+                        Lemmata
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="Select lemmata"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-8-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class=""
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="Select lemmata"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-8-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class=" css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class=" css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class=" css-tlfecz-indicatorContainer"
+                      class=" css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class=" css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class=" css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div
-              class="col-sm-3"
-            >
               <div
-                class="script-selection__selection css-2b097c-container"
+                class="col-sm-3"
               >
                 <div
-                  class=" css-yk16xz-control"
+                  class="script-selection__selection css-2b097c-container"
                 >
                   <div
-                    class=" css-g1d714-ValueContainer"
+                    class=" css-yk16xz-control"
                   >
                     <div
-                      class=" css-1uccc91-singleValue"
-                    >
-                      Same line
-                    </div>
-                    <div
-                      class="css-b8ldur-Input"
+                      class=" css-g1d714-ValueContainer"
                     >
                       <div
-                        class=""
-                        style="display: inline-block;"
+                        class=" css-1uccc91-singleValue"
+                      >
+                        Same line
+                      </div>
+                      <div
+                        class="css-b8ldur-Input"
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-label="Select lemma query type"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          id="react-select-4-input"
-                          spellcheck="false"
-                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
                         <div
-                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                        />
+                          class=""
+                          style="display: inline-block;"
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-label="Select lemma query type"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            id="react-select-4-input"
+                            spellcheck="false"
+                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                          <div
+                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class=" css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class=" css-1okebmr-indicatorSeparator"
-                    />
                     <div
-                      aria-hidden="true"
-                      class=" css-tlfecz-indicatorContainer"
+                      class=" css-1hb7zxy-IndicatorsContainer"
                     >
-                      <svg
+                      <span
+                        class=" css-1okebmr-indicatorSeparator"
+                      />
+                      <div
                         aria-hidden="true"
-                        class="css-6q0nyr-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
+                        class=" css-tlfecz-indicatorContainer"
                       >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          class="css-6q0nyr-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="form-group row"
-          >
-            <label
-              class="TransliterationSearchForm__label col-sm-2 form-label"
-              for="transliteration"
-            >
-              <i
-                class="fas fa-info-circle"
-              />
-            </label>
             <div
-              class="col-sm-10"
+              class="form-group row"
             >
-              <textarea
-                aria-label="Transliteration"
-                class="form-control"
-                id="transliteration"
-                name="transliteration"
-                placeholder="Transliterations"
-                rows="2"
-              />
+              <label
+                class="TransliterationSearchForm__label col-sm-1 form-label"
+                for="transliteration"
+              >
+                <i
+                  class="fas fa-info-circle"
+                />
+              </label>
+              <div
+                class="col-sm-11"
+              >
+                <textarea
+                  aria-label="Transliteration"
+                  class="form-control"
+                  id="transliteration"
+                  name="transliteration"
+                  placeholder="Transliterations"
+                  rows="2"
+                />
+              </div>
             </div>
-          </div>
-        </form>
-        <div
-          class="btn-toolbar"
-          role="toolbar"
-        >
+          </form>
           <div
-            class="SearchForm__ButtonToolbar col-sm offset-sm-2"
+            class="btn-toolbar"
+            role="toolbar"
           >
-            <button
-              class="w-25 m-1 btn btn-primary"
-              type="button"
+            <div
+              class="SearchForm__ButtonToolbar col-sm offset-sm-1"
             >
-              Search
-            </button>
+              <button
+                class="w-25 m-1 btn btn-primary"
+                type="button"
+              >
+                Search in CAIC
+              </button>
+            </div>
           </div>
-        </div>
+        </section>
       </div>
     </div>
   </main>