MLAB-588: Enlarge search bar

views/DE/project/pagesList.pug

@@ -28,21 +28,21 @@ html(lang="de")
         }
   body
     div(class="container")
-            div(class="row")
-                div(class="col-md-12 margin_bottom_40")
-                    img(class="mx-auto" src="/img/Projektinformationen.png" width="100%")
+        div(class="row")
+            div(class="col-md-12 margin_bottom_40")
+                img(class="mx-auto" src="/img/Projektinformationen.png" width="100%")
     div(class="container")
-        div(class="pt-4 pb-4 form-row")
-            div(class="form-group col-md-10")
-                input(id="searchInput", class="form-control", type="text", placeholder="Suchen Sie hier nach Themen und Projekten", onkeyup="searchFunction()")
-            div(class="form-group col-md-2")
-                select(class="form-control")
-                    option uncategorized
         p Hier finden Sie Informationen zu den bei uns gehosteten Projekten, wie z.B. Projektbeschreibungen, Projektwebseiten, Visualisierungen, Demonstrationen.
         p Für eine Übersicht über den bei uns gehosteten Projektcode und andere Projektdaten klicken Sie <a href="/projektdaten"> hier </a>.
 
         div(class="container")
             p#pagesCounter #{pages.length} Projektinformationen werden angezeigt
+            div(class="pt-4 pb-4 form-row")
+                div(class="form-group col-md-12")
+                    input(id="searchInput", class="form-control form-control-lg", type="text", placeholder="Suchen Sie hier nach Themen und Projekten", onkeyup="searchFunction()")
+                //div(class="form-group col-md-2")
+                    select(class="form-control")
+                        option uncategorized
             | <div class="row">
             for item in pages
                 div(class="card-deck py-4 col-sm")

views/DE/project/projectList.pug

@@ -28,21 +28,21 @@ html(lang="de")
         }
   body
     div(class="container")
-            div(class="row")
-                div(class="col-md-12 margin_bottom_40")
-                    img(class="mx-auto" src="/img/ProjektcodeDaten.png" width="100%")
+        div(class="row")
+            div(class="col-md-12 margin_bottom_40")
+                img(class="mx-auto" src="/img/ProjektcodeDaten.png" width="100%")
     div(class="container")
-        div(class="pt-4 pb-4 form-row")
-            div(class="form-group col-md-10")
-                input(id="searchInput", class="form-control", type="text", placeholder="Suchen Sie hier nach Themen und Projekten", onkeyup="searchFunction()")
-            div(class="form-group col-md-2")
-                select(class="form-control")
-                    option uncategorized
         p Hier finden Sie den direkten Zugang zu den Inhalten der bei uns gehosteten Projekte.
         p Weitere Informationen zu den bei uns gehosteten Projekten finden Sie <a href="/projektinformationen">hier</a>.
 
         div(class="container")
             p#projectCounter #{project.length} Projektdaten werden angezeigt
+            div(class="pt-4 pb-4 form-row")
+                div(class="form-group col-md-12")
+                    input(id="searchInput", class="form-control form-control-lg", type="text", placeholder="Suchen Sie hier nach Themen und Projekten", onkeyup="searchFunction()")
+                //div(class="form-group col-md-2")
+                    select(class="form-control")
+                        option uncategorized
             | <div class="row">
             for item in project
                 div(class="card-deck py-4 col-sm")