From ad2cfd030dcd716764ad6547c73a26af05215f6c Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Sat, 11 Apr 2020 00:31:57 -0400
Subject: [PATCH] Add .field.label-line to make large fields break the header
 and input into separate lines.

---
 templates/fields.css     | 15 +++++++++++++++
 templates/global.css     |  7 ++++++-
 templates/newreport.tpl  |  2 +-
 templates/showreport.tpl |  8 ++++----
 4 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/templates/fields.css b/templates/fields.css
index 99a0170..e381e76 100644
--- a/templates/fields.css
+++ b/templates/fields.css
@@ -40,9 +40,24 @@
     color: rgb(255, 255, 255);
   }
 
+  .field.label-line {
+    flex-direction: column;
+    padding: 5px;
+  }
+
+    .field.label-line .label {
+      width: 100%;
+    }
+
+    .field.label-line .value {
+      width: 100%;
+      padding: 0;
+    }
+
 .field .value {
   width: 80%;
   padding: 3px;
+  padding-left: 5px;
 }
 
 .helplink {
diff --git a/templates/global.css b/templates/global.css
index d5de8a4..99067b6 100644
--- a/templates/global.css
+++ b/templates/global.css
@@ -18,6 +18,11 @@
 || ###################################################################
 \*=====================================================================*/
 
+
+* {
+	box-sizing: border-box;
+}
+
 body
 {
 	margin: 0px;
@@ -227,4 +232,4 @@ a
 || # $HeadURL$
 || # $Id$
 || ###################################################################
-\*=====================================================================*/
\ No newline at end of file
+\*=====================================================================*/
diff --git a/templates/newreport.tpl b/templates/newreport.tpl
index f77b0ad..dd56b08 100644
--- a/templates/newreport.tpl
+++ b/templates/newreport.tpl
@@ -107,7 +107,7 @@ $header
 
 <!-- new reply -->
 <div style="width: 100%">
-	<div class="field">
+	<div class="field label-line">
 		<div class="label">{@"Description/Initial Report"}</div>
 
 		<div class="value">
diff --git a/templates/showreport.tpl b/templates/showreport.tpl
index 0ec46ea..9cecf3c 100644
--- a/templates/showreport.tpl
+++ b/templates/showreport.tpl
@@ -186,7 +186,7 @@ $header
 <if condition="$show['newreply']">
 <!-- new reply -->
 <div style="width: 100%">
-	<div class="field">
+	<div class="field label-line">
 		<div class="label">{@"New Reply"} $help[newreply]
 		<if condition="$show['automations']"> <div><a href="explain.php?do=automations">{@"Automation"}</a> <select name="automation">$select[automation]</select></div></if></div>
 
@@ -217,7 +217,7 @@ $header
 	<if condition="$show['attachments']">
 	<!-- attachments -->
 	<div id="attachments" style="float: $stylevar[right]">
-	<div class="field">
+	<div class="field label-line">
 		<div class="label">{@"Attachments"}<if condition="$show['putattachments']"> : <a href="attachment.php?do=add&amp;bugid=$bug[bugid]">{@"New"}</a></if></div>
 
 		<div class="value">$attachments</div>
@@ -228,7 +228,7 @@ $header
 
 	<!-- show votes -->
 	<div id="votes<if condition="$show['attachments']"><if condition="!$show['vote']">fifty</if><else /><if condition="!$show['vote']">hundred</if></if>">
-	<div class="field">
+	<div class="field label-line">
 		<div class="label">{@"Votes"}</div>
 
 		<div class="value">
@@ -243,7 +243,7 @@ $header
 	<if condition="$show['vote']">
 	<!-- your vote -->
 	<div id="yourvote">
-	<div class="field">
+	<div class="field label-line">
 		<div class="label">{@"Your Vote"}</div>
 
 		<form name="vote" action="vote.php" method="post" class="form value">
-- 
2.22.5