[fix] margins

core/templates/tournaments-reverse.html

@@ -8,13 +8,16 @@
     class="prose w-full max-w-screen-md bg-white rounded-md shadow-md p-4"
   >
     {% if focus.show_title %}
-    <h1 class="font-medium text-center">{{ focus.title }}</h1>
+    <h1 class="font-medium text-center mb-2">{{ focus.title }}</h1>
     {% endif %}
     <div class="flex flex-wrap gap-4 items-center justify-center">
       {% buttons focus.buttons %}
     </div>
-    <figure class="flex flex-col">
+    <figure class="flex flex-col mt-2">
-      <a href="{{ focus.link }}" target="_blank" class="mx-auto"
+      <a
+        href="{{ focus.buttons | firstbutton }}"
+        target="_blank"
+        class="mx-auto"
         ><img
           src="{{ focus.photo.url }}"
           alt=""

core/templates/tournaments.html

@@ -9,12 +9,12 @@
     class="prose w-full max-w-screen-md bg-white rounded-md shadow-md p-4"
   >
     {% if tournament.show_title %}
-    <h2 class="font-medium text-center">{{ tournament.title }}</h2>
+    <h2 class="font-medium text-center mb-2">{{ tournament.title }}</h2>
     {% endif %}
     <div class="flex flex-wrap gap-4 items-center justify-center">
       {% buttons tournament.buttons %}
     </div>
-    <figure class="flex flex-col">
+    <figure class="flex flex-col mt-2">
       <a
         href="{{ tournament.buttons | firstbutton }}"
         target="_blank"

core/templates/youth-reverse.html

@@ -8,7 +8,7 @@
     class="prose w-full max-w-screen-md bg-white rounded-md shadow-md p-4"
   >
     {% if focus.show_title %}
-    <h1 class="font-medium text-center">{{ focus.title }}</h1>
+    <h1 class="font-medium text-center mb-2">{{ focus.title }}</h1>
     {% endif %}
     <div class="flex flex-wrap gap-4 items-center justify-center">
       {% buttons focus.buttons %}

core/templates/youth.html

@@ -9,7 +9,7 @@
     class="prose w-full max-w-screen-md bg-white rounded-md shadow-md p-4"
   >
     {% if article.show_title %}
-    <h1 class="font-medium text-center">{{ article.title }}</h1>
+    <h1 class="font-medium text-center mb-2">{{ article.title }}</h1>
     {% endif %}
     <div class="flex flex-wrap gap-4 items-center justify-center">
       {% buttons article.buttons %}

db/tournaments/models.py

@@ -48,7 +48,7 @@ class Tournament(OrderableModel):
 
     @property
     def link(self):
-        href = reverse_lazy('youth-reverse', args=[self.id])
+        href = reverse_lazy('tournaments-reverse', args=[self.id])
         return mark_safe(f'<a href="{href}" target="_blank">{href}</a>')
 
     class Meta(OrderableModel.Meta):

static/css/dist/styles.css

@@ -1304,8 +1304,12 @@ select {
   margin-bottom: auto;
 }
 
-.mt-4 {
+.mt-0 {
-  margin-top: 1rem;
+  margin-top: 0px;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
 }
 
 .block {
@@ -1532,11 +1536,6 @@ select {
   padding-bottom: 0.5rem;
 }
 
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -1800,8 +1799,8 @@ h4 {
   margin-bottom: 0.3em;
 }
 
-.prose-img\:m-1 :is(:where(img):not(:where([class~="not-prose"] *))) {
+.prose-figure\:mt-0 :is(:where(figure):not(:where([class~="not-prose"] *))) {
-  margin: 0.25rem;
+  margin-top: 0px;
 }
 
 .prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"] *))) {

theme/static/css/dist/styles.css

@@ -1304,8 +1304,8 @@ select {
   margin-bottom: auto;
 }
 
-.mt-4 {
+.mt-2 {
-  margin-top: 1rem;
+  margin-top: 0.5rem;
 }
 
 .block {
@@ -1532,11 +1532,6 @@ select {
   padding-bottom: 0.5rem;
 }
 
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -1800,10 +1795,6 @@ h4 {
   margin-bottom: 0.3em;
 }
 
-.prose-img\:m-1 :is(:where(img):not(:where([class~="not-prose"] *))) {
-  margin: 0.25rem;
-}
-
 .prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"] *))) {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;