From 9d3f3cf1dae1f55c22ea73012e52eadb2daccd9f Mon Sep 17 00:00:00 2001
From: Matt Kilgore <matthew@kilgore.dev>
Date: Fri, 4 Oct 2024 14:38:29 -0400
Subject: [PATCH] fix: #232 wrap text fields for from and to fields for sold
 and purchased.

---
 backend/internal/data/repo/repo_items.go                     | 4 ++--
 frontend/components/global/DetailsSection/DetailsSection.vue | 2 +-
 frontend/components/global/Markdown.vue                      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/internal/data/repo/repo_items.go b/backend/internal/data/repo/repo_items.go
index 1e2ba24e..73d72a89 100644
--- a/backend/internal/data/repo/repo_items.go
+++ b/backend/internal/data/repo/repo_items.go
@@ -92,12 +92,12 @@ type (
 
 		// Purchase
 		PurchaseTime  types.Date `json:"purchaseTime"`
-		PurchaseFrom  string     `json:"purchaseFrom"`
+		PurchaseFrom  string     `json:"purchaseFrom" validate:"max=255"`
 		PurchasePrice float64    `json:"purchasePrice,string"`
 
 		// Sold
 		SoldTime  types.Date `json:"soldTime"`
-		SoldTo    string     `json:"soldTo"`
+		SoldTo    string     `json:"soldTo" validate:"max=255"`
 		SoldPrice float64    `json:"soldPrice,string"`
 		SoldNotes string     `json:"soldNotes"`
 
diff --git a/frontend/components/global/DetailsSection/DetailsSection.vue b/frontend/components/global/DetailsSection/DetailsSection.vue
index 835b4590..36644077 100644
--- a/frontend/components/global/DetailsSection/DetailsSection.vue
+++ b/frontend/components/global/DetailsSection/DetailsSection.vue
@@ -27,7 +27,7 @@
               </ClientOnly>
             </template>
             <template v-else>
-              <span class="flex items-center">
+              <span class="flex items-center text-wrap">
                 {{ detail.text }}
                 <span
                   v-if="detail.copyable"
diff --git a/frontend/components/global/Markdown.vue b/frontend/components/global/Markdown.vue
index 0e48ae09..0408c690 100644
--- a/frontend/components/global/Markdown.vue
+++ b/frontend/components/global/Markdown.vue
@@ -24,7 +24,7 @@
 </script>
 
 <template>
-  <div class="markdown" v-html="raw"></div>
+  <div class="markdown text-wrap" v-html="raw"></div>
 </template>
 
 <style scoped>