fix: horizontal scrolling and jumbotron
diff --git a/index.php b/index.php index ce9d0c4..1404c31 100644 --- a/index.php +++ b/index.php
@@ -26,7 +26,7 @@ // Custom theme variables $variables = array(); -$variables['main_container_classes'] = 'container-project'; +$variables['main_container_classes'] = 'container-fluid'; $Theme->setThemeVariables($variables); ob_start(); @@ -37,10 +37,10 @@ <div class="col-md-20 col-md-offset-2 col-sm-18 col-sm-offset-3"> <h1>Discover</h1> <p>Find an Eclipse open source project.</p> - <div class="row"> - <div class="col-sm-offset-8 col-sm-8"> - <form id="form-discover-search" class="form-inline form-search-projects custom-search-form margin-bottom-10" role="form" action="https://projects.eclipse.org/"> - <div class="input-group"> + <div class="row row-no-gutters"> + <div class="col-xs-8"> + <form id="form-discover-search" class="form-inline form-search-projects custom-search-form margin-bottom-10 w-100" role="form" action="https://projects.eclipse.org/"> + <div class="input-group w-100"> <input id="discover-search-box" type="text" size="25" name="search" class="form-control text-center" placeholder="Search projects"> <span class="input-group-btn"> <button class="btn btn-primary" aria-label="Search Projects" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button> @@ -49,12 +49,24 @@ <!-- /input-group --> </form> </div> + <div class="col-xs-4 col-xs-offset-1 col-sm-offset-0"> + <a class="btn btn-info" style="min-width: unset;" href="//projects.eclipse.org">List of projects</a> + </div> </div> - <p><a style="font-size:14px;" href="//projects.eclipse.org">List of projects</a></p> </div> </div> </div> </div> +<style> + .featured-jumbotron .input-group .form-control { + height: unset; + border-radius: 0; + } + + .form-search-projects { + display: inline-block; + } +</style> <?php $extra_header_html = ob_get_clean(); $Theme->setExtraHeaderHtml($extra_header_html); @@ -69,4 +81,4 @@ $Theme->setExtraHeaders('<link rel="canonical" href="https://eclipse.dev/" />'); $Theme->setExtraHeaders('<meta name="original-source" content="https://eclipse.dev/" />'); # Generate the web page -$Theme->generatePage(); \ No newline at end of file +$Theme->generatePage();