From df147d90143c57f9eaeee0b3e7c30dc6eaeb2057 Mon Sep 17 00:00:00 2001
From: Notoric <tom@acornes.com>
Date: Sun, 17 Nov 2024 00:15:16 +0000
Subject: [PATCH] fixed some styling

---
 laravel/postcss.config.js      |  6 ++++++
 laravel/public/css/default.css | 14 +++++++++++---
 laravel/tailwind.config.js     | 20 ++++++++++++++++++++
 3 files changed, 37 insertions(+), 3 deletions(-)
 create mode 100644 laravel/postcss.config.js
 create mode 100644 laravel/tailwind.config.js

diff --git a/laravel/postcss.config.js b/laravel/postcss.config.js
new file mode 100644
index 0000000..49c0612
--- /dev/null
+++ b/laravel/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};
diff --git a/laravel/public/css/default.css b/laravel/public/css/default.css
index 9fd0243..d1b7f89 100644
--- a/laravel/public/css/default.css
+++ b/laravel/public/css/default.css
@@ -200,7 +200,7 @@ header nav a {
     grid-template-columns: 1fr 4fr;
     font-size: 1.4em;
     gap: 10px;
-    padding: 10px;
+    padding: 15px;
 }
 
 #info-container label {
@@ -210,6 +210,7 @@ header nav a {
 #info-container p, #info-container a {
     grid-column: 2 / span 2;
     width: fit-content;
+    overflow-wrap: break-word;
 }
 
 
@@ -226,7 +227,7 @@ header nav a {
 }
 
 #info-container label {
-    align-self: center;
+    align-self: end;
 }
 
 #info-container #expiry-toggle {
@@ -274,6 +275,7 @@ header nav a {
     align-self: center;
     margin-left: auto;
     margin-right: 50px;
+    cursor: help;
 }
 
 #maxclicks-label {
@@ -310,6 +312,7 @@ header nav a {
 }
 
 #info-container #created {
+    font-size: 0.9em;
     margin: 0;
     display: flex;
     flex-direction: column;
@@ -323,6 +326,7 @@ header nav a {
 }
 
 #info-container #updated {
+    font-size: 0.9em;
     margin: 0;
     display: flex;
     flex-direction: column;
@@ -361,7 +365,11 @@ header nav a {
     }
 }
 
-a button {
+#destination {
+    max-width: 850px;
+}
+
+button {
     background: none;
     border: none;
     align-self: center;
diff --git a/laravel/tailwind.config.js b/laravel/tailwind.config.js
new file mode 100644
index 0000000..ce0c57f
--- /dev/null
+++ b/laravel/tailwind.config.js
@@ -0,0 +1,20 @@
+import defaultTheme from 'tailwindcss/defaultTheme';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
+        './storage/framework/views/*.php',
+        './resources/**/*.blade.php',
+        './resources/**/*.js',
+        './resources/**/*.vue',
+    ],
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
+            },
+        },
+    },
+    plugins: [],
+};