Fix display of long titles in the shell component.

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG.md
 
+## unreleased
+
+ - Fix display of long titles in the shell component.
+
 ## 0.14.0 (2023-10-19)
 
  - Better support for time series in the [chart](https://sql.ophir.dev/documentation.sql?component=chart#component) component. You can now use the `time` top-attribute to display a time series chart

Cargo.lock

@@ -2278,7 +2278,7 @@ dependencies = [
 
 [[package]]
 name = "sqlpage"
-version = "0.14.0"
+version = "0.15.0"
 dependencies = [
  "actix-rt",
  "actix-web",

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "sqlpage"
-version = "0.14.0"
+version = "0.15.0"
 edition = "2021"
 description = "A SQL-only web application framework. Takes .sql files and formats the query result using pre-made configurable professional-looking components."
 keywords = ["web", "sql", "framework"]

sqlpage/templates/shell.handlebars

@@ -42,7 +42,7 @@
     {{#if title}}
         <nav class="navbar navbar-expand-md navbar-light">
             <div class="container-fluid">
-                <a class="navbar-brand" href="{{#if link}}{{link}}{{else}}/{{/if}}">
+                <a class="navbar-brand flex-grow-1 overflow-hidden" href="{{#if link}}{{link}}{{else}}/{{/if}}">
                     {{#if image}}
                         <img src="{{image}}" alt="{{title}}" width="32" height="32"
                              class="navbar-brand-image">
@@ -50,7 +50,7 @@
                     {{#if icon}}
                         {{~icon_img icon~}}
                     {{/if}}
-                    {{title}}
+                    <h1 class="mb-0 w-0 fs-2">{{title}}</h1>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                         data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false"