From f8af2025e895c7e07e1e9dac65bf3ea731b245c0 Mon Sep 17 00:00:00 2001
From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com>
Date: Wed, 1 May 2024 23:47:14 +0100
Subject: [PATCH] Rename flex-grow to grow

---
 internal/assets/static/main.css                        | 2 +-
 internal/assets/templates/page.html                    | 2 +-
 internal/assets/templates/reddit-horizontal-cards.html | 2 +-
 internal/assets/templates/rss-cards.html               | 2 +-
 internal/assets/templates/videos.html                  | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css
index 4824536..31c49c0 100644
--- a/internal/assets/static/main.css
+++ b/internal/assets/static/main.css
@@ -1011,7 +1011,7 @@ body {
 .justify-center     { justify-content: center; }
 .justify-end        { justify-content: end; }
 .uppercase          { text-transform: uppercase; }
-.flex-grow          { flex-grow: 1; }
+.grow               { flex-grow: 1; }
 .flex-column        { flex-direction: column; }
 .items-center       { align-items: center; }
 .items-start        { align-items: start; }
diff --git a/internal/assets/templates/page.html b/internal/assets/templates/page.html
index e2a6dd9..61fad9e 100644
--- a/internal/assets/templates/page.html
+++ b/internal/assets/templates/page.html
@@ -29,7 +29,7 @@
     <div class="header flex padding-inline-widget widget-content-frame">
         <!-- TODO: Replace G with actual logo, first need an actual logo -->
         <div class="logo">G</div>
-        <div class="nav flex flex-grow">
+        <div class="nav flex grow">
             {{ template "navigation-links" . }}
         </div>
     </div>
diff --git a/internal/assets/templates/reddit-horizontal-cards.html b/internal/assets/templates/reddit-horizontal-cards.html
index 5744cea..4159bcc 100644
--- a/internal/assets/templates/reddit-horizontal-cards.html
+++ b/internal/assets/templates/reddit-horizontal-cards.html
@@ -12,7 +12,7 @@
                 <img class="reddit-card-thumbnail" loading="lazy" src="{{ .ThumbnailUrl }}" alt="">
             </div>
             {{ end }}
-            <div class="padding-widget flex flex-column flex-grow relative">
+            <div class="padding-widget flex flex-column grow relative">
                 {{ if ne "" .TargetUrl }}
                 <a class="color-highlight size-h5 text-truncate visited-indicator" href="{{ .TargetUrl }}" target="_blank" rel="noreferrer">{{ .TargetUrlDomain }}</a>
                 {{ else }}
diff --git a/internal/assets/templates/rss-cards.html b/internal/assets/templates/rss-cards.html
index 1b5e721..75ffa5e 100644
--- a/internal/assets/templates/rss-cards.html
+++ b/internal/assets/templates/rss-cards.html
@@ -14,7 +14,7 @@
                 <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
             </svg>
             {{ end }}
-            <div class="margin-bottom-widget padding-inline-widget flex flex-column flex-grow">
+            <div class="margin-bottom-widget padding-inline-widget flex flex-column grow">
                 <a href="{{ .Link }}" title="{{ .Title }}" class="text-truncate-3-lines color-primary-if-not-visited margin-top-10 margin-bottom-auto" target="_blank" rel="noreferrer">{{ .Title }}</a>
                 <ul class="list-horizontal-text flex-nowrap margin-top-7">
                     <li class="shrink-0" title="{{ .PublishedAt | formatTime }}" {{ dynamicRelativeTimeAttrs .PublishedAt }}>{{ .PublishedAt | relativeTime }}</li>
diff --git a/internal/assets/templates/videos.html b/internal/assets/templates/videos.html
index 0610f8c..a71237d 100644
--- a/internal/assets/templates/videos.html
+++ b/internal/assets/templates/videos.html
@@ -8,7 +8,7 @@
         {{ range .Videos }}
         <div class="card widget-content-frame thumbnail-container">
             <img class="video-thumbnail thumbnail" loading="lazy" src="{{ .ThumbnailUrl }}" alt="">
-            <div class="margin-top-10 margin-bottom-widget flex flex-column flex-grow padding-inline-widget">
+            <div class="margin-top-10 margin-bottom-widget flex flex-column grow padding-inline-widget">
                 <a class="video-title color-primary-if-not-visited" href="{{ .Url }}" target="_blank" rel="noreferrer" title="{{ .Title }}">{{ .Title }}</a>
                 <ul class="list-horizontal-text flex-nowrap margin-top-7">
                     <li class="shrink-0" title="{{ .TimePosted | formatTime }}" {{ dynamicRelativeTimeAttrs .TimePosted }}>{{ .TimePosted | relativeTime }}</li>