From 89fe99f909d9f3b95b317205ba6e79e9c5ffe03c Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 16 May 2025 22:45:06 +0200
Subject: Add subtitle and cleanup responsive design

---
 src/components/Cidr.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components/Cidr.tsx')

diff --git a/src/components/Cidr.tsx b/src/components/Cidr.tsx
index f3f359c..e1b1feb 100644
--- a/src/components/Cidr.tsx
+++ b/src/components/Cidr.tsx
@@ -221,7 +221,7 @@ export default function Cidr() {
 
 
     return (
-        <div className="my-6 border-0 sm:border border-gray-300 rounded-lg bg-white/70 shadow-md">
+        <div className="pt-1 my-6 border-0 sm:border border-gray-300 rounded-lg bg-white/70 shadow-md">
             <div className="flex flex-wrap justify-center gap-4 my-10">
                 {ip.map((octet, i) => (
                     <div key={`octet-${i}`}>
@@ -273,7 +273,7 @@ export default function Cidr() {
                 }
             </div>
 
-            <div className="flex justify-end p-5">
+            <div className="flex justify-center lg:justify-end p-5">
                 <div className="mx-2">
                     <button
                         onClick={handleCopy}
-- 
cgit v1.3.1

