update the search icon position

public/content/team.json

@@ -39,7 +39,7 @@
         "firstName": "Patrick",
         "lastName": "Würstle",
         "jobTitle_en": "Researcher",
-        "imgUrl": "/imgs/avatar/PatrickSquare.jpg",
+        "imgUrl": "https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/7/f/csm_ImageProfil_e7a92cdd9b.jpg",
         "profile_link": "https://www.hft-stuttgart.de/p/patrick-wuerstle",
         "researchTopics": "Smart Cities | OGC Standards | Participation Platform | 3D City Models | 3D Web Visualization | 3D Simulation | Big Data",
         "optional": {

public/css/search.css

@@ -5,16 +5,17 @@ body {
 
  
  .search-wrapper {
-     position: relative;
-     transform: translate(-50%, -50%);
-     top:50%;
-     left:50%;
+     position: absolute;
+     /* transform: translate(-50%, -50%); */
+     /* top:50%; */
+     /* left:50%; */
      float: right;
-     margin-right: 60%;
+     /* margin-right: 60%; */
+     margin-bottom: 2em;
  }
  .search-wrapper.active {}
  
- .search-wrapper .input-holder {    
+ .search-wrapper .input-holder {
      height: 70px;
      width:70px;
      overflow: hidden;
@@ -55,7 +56,7 @@ body {
      transform: translate(0, 10px);
  }
  .search-wrapper .input-holder .search-icon {
-     width:70px;
+     width:70px; 
      height:70px;
      border:none;
      border-radius:6px;

public/index.html

@@ -116,22 +116,26 @@
             <h2 id="rgc_application"><i class="fas fa-laptop-code"></i></h2>
 
 
-
+            </div>
+            <p id="rgc_applicationdesc" class="grey-text w-responsive mx-auto mb-5" style="margin-bottom: 0.5em !important;">Research Short Introduction ....</p>
+            </div>
             <!-- Searchbar -->
-            <div class="search-wrapper">
+            <div class="container" style="height:70px;">
+            <div class="search-wrapper w-responsive mx-auto mb-5">
               <div class="input-holder">
                 <input type="text" id="search-input" class="search-input" placeholder="Type to search" />
                 <button id="search-button" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
               </div>
               <span class="close" onclick="searchToggle(this, event);"></span>
             </div>
+          </div>
             <!-- start -->
 
             <!-- end -->
-          </div>
-          <p id="rgc_applicationdesc" class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p>
-          <br>
-
+          
+          
+          <!-- <br> -->
+          <div class="container">
           <div id="row_main" class="row">
 
           </div>
@@ -153,23 +157,14 @@
       </div> -->
     <hr>
     <div class="container">
-      <div class="linesearch" style="width:100%">
-        <div class="col-md-4">
-          <h2 id="rgc_publication"><i class="fas fa-book"></i> Publications</h2>
-          <p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p>
+      
+        <div>
+          <h2 id="rgc_publication"><i class="fas fa-book"></i> Publications</h2></div>
+          <p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5" style="margin-bottom: 0.5em !important;">Research Short Introduction ....</p>
+
+    
+        <!-- <div class="col-md-5"></div> -->
 
-        </div>
-        <div class="col-md-5"></div>
-        <div class="col-md-4" style="float:right">
-          <div class="search-wrapper">
-            <div class="input-holder">
-              <input type="text" id="search-input_paper" class="search-input" placeholder="Type to search" />
-              <button id="search-button_paper" class="search-icon" onclick="searchToggle_paper(this, event);"><span></span></button>
-            </div>
-            <span class="close" onclick="searchToggle_paper(this, event);"></span>
-          </div>
-        </div>
-      </div>
       <!-- <li> Silberer, J., Santhanavanich, T., Müller, P., & Bäumer, T. (2020). 
           Promoting Objective and Subjective Safety for Cyclists in Metropolitan Areas. In Innovations for Metropolitan Areas (pp. 273–284). Springer
           Berlin Heidelberg. https://doi.org/10.1007/978-3-662-60806-7_21 
@@ -193,6 +188,15 @@
       <li>...</li> -->
 
     </div>
+    <div class="container" style="height:70px;">
+      <div class="search-wrapper">
+        <div class="input-holder">
+          <input type="text" id="search-input_paper" class="search-input" placeholder="Type to search" />
+          <button id="search-button_paper" class="search-icon" onclick="searchToggle_paper(this, event);"><span></span></button>
+        </div>
+        <span class="close" onclick="searchToggle_paper(this, event);"></span>
+      </div>
+    </div>
     <div class="container" id="cont_paper">
       <!-- <div class="card" style="max-width: 1080px;">
         <div class="row">