From 7374d7189eba3959fe3dcfa26acf3f917c0f8602 Mon Sep 17 00:00:00 2001
From: SphericalKat <amolele@gmail.com>
Date: Sun, 15 Aug 2021 04:53:50 +0530
Subject: [PATCH] refactor(styles): unify look and feel across pages

Signed-off-by: SphericalKat <amolele@gmail.com>
---
 assets/css/app.css                           | 7 +++++++
 lib/ketbin_web/templates/layout/app.html.eex | 2 +-
 lib/ketbin_web/templates/page/show.html.eex  | 4 ++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index c60edaa..15a4cb2 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -6,6 +6,8 @@
 * {
   font-family: "JetBrains Mono", monospace;
   color: white;
+	font-size: 14px;
+	font-weight: bold;
 }
 
 html,
@@ -32,6 +34,11 @@ code {
 	font-weight: bold;
 }
 
+textarea {
+	font-size: 14px;
+	font-weight: bold;
+}
+
 .alert {
 	width: 100%;
 	text-align: center;
diff --git a/lib/ketbin_web/templates/layout/app.html.eex b/lib/ketbin_web/templates/layout/app.html.eex
index b0bec6f..f67787d 100644
--- a/lib/ketbin_web/templates/layout/app.html.eex
+++ b/lib/ketbin_web/templates/layout/app.html.eex
@@ -42,7 +42,7 @@
         © <%= DateTime.utc_now().year %> SphericalKat
       </a>
       <a href="https://github.com/sphericalkat/katbin-elixir">
-        GitHub
+        Fork me!
       </a>
       </div>
     </footer>
diff --git a/lib/ketbin_web/templates/page/show.html.eex b/lib/ketbin_web/templates/page/show.html.eex
index 3c6d45c..dcb33b6 100644
--- a/lib/ketbin_web/templates/page/show.html.eex
+++ b/lib/ketbin_web/templates/page/show.html.eex
@@ -1,5 +1,5 @@
 <div class="flex relative flex-col w-full h-full">
-	<div class="flex absolute top-0 right-0 p-4 ">
+	<div class="flex absolute top-0 right-0 p-4">
 		<%= if @show_edit do%>
 			<a href="<%= Routes.page_path(@conn, :edit, @paste.id) %>" class="text-white hover:text-amber">
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 w-6 cursor-pointer fill-current">
@@ -8,5 +8,5 @@
 		</a>
 		<% end %>
 	</div>
-	<code class="break-word pl-2 h-full w-full nomarkdown overflow-y-auto"><%= @paste.content %></code>
+	<code class="break-word px-6 py-4 h-full w-full nomarkdown overflow-y-auto"><%= @paste.content %></code>
 </div>