From b296b0f7ff4474dd29e3a5ba14d1cd36c56c923d Mon Sep 17 00:00:00 2001
From: tglman <tglman@tglman.com>
Date: Fri, 15 Sep 2023 14:42:04 +0100
Subject: [PATCH] fix: corrected grid of webapps and cli apps not displaying
 correctly for a div closed in the wrong place (#242)

---
 src/shared/components/apps.tsx | 105 ++++++++++++++++-----------------
 1 file changed, 52 insertions(+), 53 deletions(-)

diff --git a/src/shared/components/apps.tsx b/src/shared/components/apps.tsx
index b3af7ae..26bca2d 100644
--- a/src/shared/components/apps.tsx
+++ b/src/shared/components/apps.tsx
@@ -176,62 +176,61 @@ export class Apps extends Component<any, any> {
                   },
                 ]}
               />
-
-              <div class="card col-6">
-                <AppDetails
-                  name="lemmy-lite"
-                  description="A static, JSless, touch-friendly Lemmy frontend built for legacy web clients and maximum performance"
-                  link="https://github.com/IronOxidizer/lemmy-lite"
-                  banner="/static/assets/images/lemmy_lite_screen.webp"
-                  links={[
-                    {
-                      link: "https://github.com/IronOxidizer/lemmy-lite",
-                      icon: "github",
-                    },
-                  ]}
-                />
-              </div>
             </div>
-
-            <h1>{i18n.t("cli_apps")}</h1>
-
-            <div class="row">
-              <div class="card col-6">
-                <AppDetails
-                  name="neonmodem"
-                  description="BBS-style TUI client"
-                  link="https://github.com/mrusme/neonmodem"
-                  banner="/static/assets/images/neonmodem.webp"
-                  links={[
-                    {
-                      link: "https://github.com/mrusme/neonmodem",
-                      icon: "github",
-                    },
-                  ]}
-                />
-              </div>
+            <div class="card col-6">
+              <AppDetails
+                name="lemmy-lite"
+                description="A static, JSless, touch-friendly Lemmy frontend built for legacy web clients and maximum performance"
+                link="https://github.com/IronOxidizer/lemmy-lite"
+                banner="/static/assets/images/lemmy_lite_screen.webp"
+                links={[
+                  {
+                    link: "https://github.com/IronOxidizer/lemmy-lite",
+                    icon: "github",
+                  },
+                ]}
+              />
             </div>
-
-            <h1>{i18n.t("api_libraries")}</h1>
-            <ul>
-              <li>
-                <a href="https://github.com/LemmyNet/lemmy-js-client">
-                  lemmy-js-client
-                </a>{" "}
-                - a javascript / typescript client.
-              </li>
-              <li>
-                <a href="https://github.com/LemmurOrg/lemmy_api_client">
-                  lemmy-dart client
-                </a>{" "}
-                - a dart / flutter client.
-              </li>
-              <li>
-                <a href="https://github.com/Arsen6331/go-lemmy">go-lemmy</a> - a
-                Go client.
-              </li>
-            </ul>
           </div>
+
+          <h1>{i18n.t("cli_apps")}</h1>
+
+          <div class="row">
+            <div class="card col-6">
+              <AppDetails
+                name="neonmodem"
+                description="BBS-style TUI client"
+                link="https://github.com/mrusme/neonmodem"
+                banner="/static/assets/images/neonmodem.webp"
+                links={[
+                  {
+                    link: "https://github.com/mrusme/neonmodem",
+                    icon: "github",
+                  },
+                ]}
+              />
+            </div>
+          </div>
+
+          <h1>{i18n.t("api_libraries")}</h1>
+          <ul>
+            <li>
+              <a href="https://github.com/LemmyNet/lemmy-js-client">
+                lemmy-js-client
+              </a>{" "}
+              - a javascript / typescript client.
+            </li>
+            <li>
+              <a href="https://github.com/LemmurOrg/lemmy_api_client">
+                lemmy-dart client
+              </a>{" "}
+              - a dart / flutter client.
+            </li>
+            <li>
+              <a href="https://github.com/Arsen6331/go-lemmy">go-lemmy</a> - a
+              Go client.
+            </li>
+          </ul>
         </div>
       </div>
     );