From 52772169e0a66f429929b648735e76273697b9c2 Mon Sep 17 00:00:00 2001
From: Adrian Salamon <adr.salamon@gmail.com>
Date: Wed, 4 Oct 2023 13:20:22 -0700
Subject: [PATCH] touchups

---
 lib/haj_web/components/core_components.ex          | 4 ++--
 lib/haj_web/live/applications_live/index.html.heex | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/haj_web/components/core_components.ex b/lib/haj_web/components/core_components.ex
index ea912aa..737af0e 100644
--- a/lib/haj_web/components/core_components.ex
+++ b/lib/haj_web/components/core_components.ex
@@ -498,7 +498,7 @@ defmodule HajWeb.CoreComponents do
 
     ~H"""
     <div class="overflow-y-auto px-4 sm:overflow-visible sm:px-0">
-      <table class={["mt-11", @small && "w-full", @small || "w-[40rem] sm:w-full"]}>
+      <table class={["mt-6", @small && "w-full", @small || "w-[40rem] sm:w-full"]}>
         <thead class="text-[0.8125rem] text-left leading-6 text-zinc-500">
           <tr>
             <th :for={col <- @col} class={["p-0 pr-6 pb-4 font-normal", Map.get(col, :class, "")]}>
@@ -583,7 +583,7 @@ defmodule HajWeb.CoreComponents do
 
     ~H"""
     <div class="overflow-y-auto px-4 sm:overflow-visible sm:px-0">
-      <table class={["mt-11", @small && "w-full", @small || "w-[40rem] sm:w-full"]}>
+      <table class={["mt-6", @small && "w-full", @small || "w-[40rem] sm:w-full"]}>
         <thead class="text-[0.8125rem] text-left leading-6 text-zinc-500">
           <tr>
             <th :for={col <- @col} class="p-0 pr-6 pb-4 font-normal"><%= col[:label] %></th>
diff --git a/lib/haj_web/live/applications_live/index.html.heex b/lib/haj_web/live/applications_live/index.html.heex
index 9bc2c7a..2904990 100644
--- a/lib/haj_web/live/applications_live/index.html.heex
+++ b/lib/haj_web/live/applications_live/index.html.heex
@@ -4,7 +4,7 @@
   </div>
 
   <div class="flex flex-col">
-    <dl class="mt-5 mb-2 grid grid-cols-1 gap-5 sm:grid-cols-3">
+    <dl class="mt-5 hidden grid-cols-3 gap-5 sm:grid">
       <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
         <dt class="truncate text-sm font-medium text-gray-500">Antal ansökningar</dt>
         <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">
@@ -25,7 +25,7 @@
       </div>
     </dl>
 
-    <.form :let={_f} for={%{}} as={:filter} phx-change="filter" class="flex gap-2">
+    <.form :let={_f} for={%{}} as={:filter} phx-change="filter" class="mt-2 flex gap-2">
       <.input
         type="select"
         name="show_group"
@@ -40,7 +40,7 @@
         class="mt-1 flex flex-row items-center rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm hover:bg-gray-50"
       >
         <.icon name={:arrow_down_on_square_stack} mini class="h-5 w-5" />
-        <span class="text-sm">Exportera csv</span>
+        <span class="sm:text-sm">Exportera csv</span>
       </.link>
     </.form>