CSS: Reduce margins on narrow screen

mozilla · Oct 1, 2024 · a76462f · a76462f
1 parent 4877b89
commit a76462f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/app/classes/ReleaseInsights/Json.php b/app/classes/ReleaseInsights/Json.php
@@ -75,6 +75,7 @@ public function render(): void
     public static function load(string $url, int $ttl = 0): array
     {
         if (! $data = Cache::getKey($url, $ttl)) {
+        error_log($url);
             $data = Utils::getFile($url);
 
             // Error fetching external data, don't cache. Safety net

diff --git a/app/views/templates/base.html.twig b/app/views/templates/base.html.twig
@@ -7,7 +7,7 @@
     <link rel="alternate" type="application/rss+xml" title="Feed to get alerted of Firefox releases" href="/rss/">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css" media="screen">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap-icons.css" media="screen">
-    <link rel="stylesheet" href="/style/base.css?version=38" type="text/css" media="all">
+    <link rel="stylesheet" href="/style/base.css?version=39" type="text/css" media="all">
 {% if branch != '' %}
     <link rel="icon" type="image/svg+xml" href="/assets/img/site_icon_dev.svg">
 {% else %}

diff --git a/app/views/templates/beta.html.twig b/app/views/templates/beta.html.twig
@@ -49,7 +49,7 @@
             {% endif %}
         </li>
         <li class="list-group-item text-light bg-secondary border-0">
-            <a href="{{ values['hg_link'] }}" class="text-light">Changelog</a>
+            <a href="{{ values['hg_link'] }}" class="text-light">Change<wbr>log</a>
         </li>
         <li class="list-group-item text-light bg-success border-0 flex-fill w-25">
             {% if bug_list[key]|length == 1 %}

diff --git a/public/style/base.css b/public/style/base.css
@@ -165,8 +165,10 @@ h1, h2, h3 {
 }
 
 @media only screen and (max-width: 460px) {
-    .w-50 {
-        width: 100% !important;
+    /* deactivate bootstrap 50% & 75% width on narrow screens */
+    .w-50,
+    .w-75 {
+        width: auto !important;
     }
 
     #homepage h1 {