From 9d06de1265306b467b602c8f5d12983fb543b323 Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Sun, 7 Dec 2025 18:41:20 +0100
Subject: [PATCH 1/3] (refactor) improving content responsivness

---
 app/ui/InfoBox.tsx          | 2 +-
 app/ui/LocationEditForm.tsx | 8 +++-----
 app/ui/UserSettingsForm.tsx | 6 +++---
 messages/hr.json            | 2 +-
 4 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/app/ui/InfoBox.tsx b/app/ui/InfoBox.tsx
index 2380761..5601459 100644
--- a/app/ui/InfoBox.tsx
+++ b/app/ui/InfoBox.tsx
@@ -10,7 +10,7 @@ export const InfoBox: FC<{
     const t = useTranslations("info-box");
 
   return (
-    <details className="group border border-gray-800 rounded-lg p-2 mb-1 w-[17rem] sm:w-[28rem]">
+    <details className="group border border-gray-800 rounded-lg p-2 mb-1 w-full max-w-md">
       <summary className="flex cursor-pointer items-center justify-between">
         <span className="font-bold"><QuestionMarkCircleIcon className="w-6 h-6 inline mr-1 mt-[-.3em] text-green-300" /> {title ?? t("default-title")}</span>
         <span className="ml-2 text-sm text-gray-500 group-open:hidden"><ChevronDownIcon className="w-5 h-5 inline" /></span>
diff --git a/app/ui/LocationEditForm.tsx b/app/ui/LocationEditForm.tsx
index 2572c2b..ae05270 100644
--- a/app/ui/LocationEditForm.tsx
+++ b/app/ui/LocationEditForm.tsx
@@ -194,7 +194,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
                                     </div>
                                 </div>
                             </div>
-                        ) :   // ELSE include hidden inputs to preserve existing values
+                        ) : // ELSE include hidden inputs to preserve existing values
                             <>
                                 <input
                                     id="tenantName"
@@ -238,7 +238,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
                             </select>
                             {
                                 formValues.tenantPaymentMethod === "none" && formValues.proofOfPaymentType === "combined" ?
-                                    <p className="mt-4 ml-4 text-sm w-[17rem] sm:w-[28rem] text-yellow-600">
+                                    <p className="mt-4 ml-4 text-sm w-full sm:w-[30rem] text-yellow-600">
                                         {
                                             t.rich("proof-of-payment-attachment-type--option--combined--hint",
                                                 {
@@ -247,15 +247,13 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
                                             )
                                         }
                                     </p> :
-                                    <p className="mt-4 ml-4 text-sm w-[17rem] sm:w-[28rem] italic text-gray-500">
+                                    <p className="mt-4 ml-4 text-sm w-full sm:w-[30rem] italic text-gray-500">
                                         {
                                             formValues.proofOfPaymentType === "combined" ?
                                                 t("proof-of-payment-attachment-type--option--combined--tooltip") :
                                                 t("proof-of-payment-attachment-type--option--per-bill--tooltip")
                                         }
                                     </p>
-
-
                             }
                         </fieldset>
                     </fieldset>
diff --git a/app/ui/UserSettingsForm.tsx b/app/ui/UserSettingsForm.tsx
index b508932..45877ac 100644
--- a/app/ui/UserSettingsForm.tsx
+++ b/app/ui/UserSettingsForm.tsx
@@ -282,7 +282,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
                 
                 { formValues.enableRevolutPayment ? (
                 <div className="animate-expand-fade-in origin-top">
-                    <div className="divider mt-2 mb-2 font-bold uppercase">{t("revolut-form-title")}</div>
+                    <div className="divider mt-2 mb-2 font-bold uppercase max-w-[14em]">{t("revolut-form-title")}</div>
                     <div className="form-control w-full">
                         <label className="label">
                             <span className="label-text">{t("revolut-profile-label")}</span>
@@ -370,7 +370,7 @@ export const UserSettingsForm: FC<UserSettingsFormProps> = ({ userSettings }) =>
     const t = useTranslations("user-settings-form");
 
     return (
-        <div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
+        <div className="card card-compact card-bordered max-w-[90em] bg-base-100 shadow-s my-1">
             <div className="card-body">
                 <h2 className="card-title"><SettingsIcon className="w-6 h-6" /> {t("title")}</h2>
                 <form action={dispatch}>
@@ -387,7 +387,7 @@ export const UserSettingsForm: FC<UserSettingsFormProps> = ({ userSettings }) =>
 
 export const UserSettingsFormSkeleton: FC = () => {
     return (
-        <div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
+        <div className="card card-compact card-bordered max-w-[90em] bg-base-100 shadow-s my-1">
             <div className="card-body">
                 <div className="h-8 w-32 skeleton mb-4"></div>
                 <div className="input w-full skeleton"></div>
diff --git a/messages/hr.json b/messages/hr.json
index 2912b40..a55fac4 100644
--- a/messages/hr.json
+++ b/messages/hr.json
@@ -240,7 +240,7 @@
     "revolut-payment-instructions--intro-message": "Aktiviranjem ove opcije, mjesečni obračun poslan podstanaru sadržavati će link putem kojeg će podstanar moći izvršiti izravnu uplatu sredstava na vaš Revolut račun.",
     "revolut-payment-instructions--toggle-label": "omogući Revolut uplatu",
 
-    "revolut-form-title": "Informacije za uplatu na Revolut",
+    "revolut-form-title": "Info za uplatu na Revolut",
     "revolut-profile-label": "Naziv vašeg Revolut profila",
     "revolut-profile-placeholder": "profil putem kojeg ćete primati uplate",
     "revolut-profile-tooltip": "Naziv vašeg Revolut profila možete pronaći u aplikaciji Revolut u korisničkom profilu. Prikazan je ispod vašeg imena i prezimena - počinje sa znakom '@' (npr: '@ivan123').",

From b46e23e4ebf7249d2565a457d97bf4bf106befb0 Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Sun, 7 Dec 2025 18:48:37 +0100
Subject: [PATCH 2/3] InfoBox: refactoring icon

---
 app/ui/InfoBox.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/ui/InfoBox.tsx b/app/ui/InfoBox.tsx
index 5601459..5898093 100644
--- a/app/ui/InfoBox.tsx
+++ b/app/ui/InfoBox.tsx
@@ -1,4 +1,5 @@
-import { ChevronDownIcon, ChevronUpIcon, QuestionMarkCircleIcon } from "@heroicons/react/24/outline";
+import { ChevronDownIcon, ChevronUpIcon } from "@heroicons/react/24/outline";
+import { QuestionMarkCircleIcon } from "@heroicons/react/16/solid";
 import { useTranslations } from "next-intl";
 import { FC, ReactNode } from "react";
 
@@ -12,7 +13,7 @@ export const InfoBox: FC<{
   return (
     <details className="group border border-gray-800 rounded-lg p-2 mb-1 w-full max-w-md">
       <summary className="flex cursor-pointer items-center justify-between">
-        <span className="font-bold"><QuestionMarkCircleIcon className="w-6 h-6 inline mr-1 mt-[-.3em] text-green-300" /> {title ?? t("default-title")}</span>
+        <span className="font-bold"><QuestionMarkCircleIcon className="w-5 h-5 inline mr-1 mt-[-.3em]" /> {title ?? t("default-title")}</span>
         <span className="ml-2 text-sm text-gray-500 group-open:hidden"><ChevronDownIcon className="w-5 h-5 inline" /></span>
         <span className="ml-2 text-sm text-gray-500 hidden group-open:inline"><ChevronUpIcon className="w-5 h-5 inline" /></span>
       </summary>

From f8aa7233de1eed78a01e0d443d904f0118c7a345 Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Sun, 7 Dec 2025 18:54:30 +0100
Subject: [PATCH 3/3] 2.12.1

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0161bd0..1da2de8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
   "name": "evidencija-rezija",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "version": "2.12.0",
+      "version": "2.12.1",
       "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
diff --git a/package.json b/package.json
index 29edd0a..1fa8d62 100644
--- a/package.json
+++ b/package.json
@@ -59,5 +59,5 @@
   "engines": {
     "node": ">=18.17.0"
   },
-  "version": "2.12.0"
+  "version": "2.12.1"
 }