From d733546b672f2b6c58f3f0e0af20663fd1aa6d11 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Sat, 4 May 2024 16:45:59 -0400
Subject: new layout 9

---
 css/website.css                         | 5 +++--
 templates/partials/navigation.html.twig | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/css/website.css b/css/website.css
index 5047c11..e7d1fa9 100644
--- a/css/website.css
+++ b/css/website.css
@@ -178,8 +178,9 @@ body {
     flex-direction: column;
 }
 
-#nextback {
-    max-width: 100%;
+#nextback #next, #nextback, #back{
+    max-width: 40%;
+    overflow:hidden;
 }
 
 /* mobile */
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig
index f1d6f18..be351e0 100644
--- a/templates/partials/navigation.html.twig
+++ b/templates/partials/navigation.html.twig
@@ -1,18 +1,18 @@
-<div class=links>
+<div class="links" id="nextback">
     {# {% if $prevPage = page.prevSibling %} #}
-    <a class="anim2" href="{{ page.parent.url }}">
+    <a class="anim2" id="next" href="{{ page.parent.url }}">
         <div class="roundedButton">
             <span class="icon">arrow_back</span>
             <div class="stack">
                 <span>Previous</span>
-                <span>Sample last article name</span>
+                <span>Sample last article name that is super long and will require me to clip it</span>
             </div>
         </div>
     </a>
     {# {% endif %} #}
 
     {# {% if $nextPage = page.nextSibling %} #}
-    <a class="anim3" id="nextback" href="{{ page.parent.url }}">
+    <a class="anim3" id="back" href="{{ page.parent.url }}">
         <div class="roundedButton">
             <span class="icon">arrow_forward</span>
             <div class="stack">
-- 
cgit v1.2.3