Merge pull request 'Hide code column on mobile' (#4) from feature/hide-code-column-on-mobile into master

Reviewed-on: #4

templates/productList.html.twig

@@ -7,7 +7,7 @@
             <th></th>
             <th></th>
             <th>Name</th>
-            <th>Code</th>
+            <th class="d-none d-md-table-cell">Code</th>
             <th>Categories</th>
             <th></th>
             <th>Price</th>
@@ -18,7 +18,7 @@
                 <td class="align-middle font-weight-bold h3"><a class="text-warning text-decoration-none" href="{{ path('app_star', {'productId': product.id}) }}">{% if product.starred == true %}★{% else %} ☆ {% endif %}</a></td>
                 <td class="align-middle" style="width: 120px;"><img src='{{ product.image }}&width=70' class='border rounded p-1' alt='{{ product.name }}'/></td>
                 <td class="align-middle"><a href='{{ path('app_product', {'productId': product.id}) }}' class="text-decoration-none">{{ product.name }}</a></td>
-                <td class="align-middle">{{ product.subTitle }}</td>
+                <td class="align-middle d-none d-md-table-cell">{{ product.subTitle }}</td>
                 <td class="align-middle">
                     <ul class='nav'>
                         {% for category in product.categories %}

templates/template.html.twig

@@ -17,20 +17,22 @@
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNav">
-            <ul class="navbar-nav">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                 <li class="nav-item">
                     <a class="nav-link active" aria-current="page" href="{{ path('app_promos') }}">Promos</a>
                 </li>
             </ul>
-        </div>
-    </div>
-
-    <form class="d-flex w-50" role="search" action="{{ path('app_search') }}">
+            <form class="d-flex col-lg-6 col-sm-8" role="search" action="{{ path('app_search') }}">
                 <input class="form-control me-2" type="search" name="search" placeholder="Search term eg. 36v or RCS18X" value="{{ search|default('') }}" aria-label="Search">
                 <button class="btn btn-outline-success" type="submit">Search</button>
             </form>
+        </div>
+    </div>
+
 </nav>
 {% block content %}{% endblock %}
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
 </body>
 </html>