input width adjustments

Roll20 · Dec 7, 2024 · 89c486c · 89c486c
1 parent bd7a0b7
commit 89c486c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/Forbidden_Lands/Forbidden_Lands.css b/Forbidden_Lands/Forbidden_Lands.css
@@ -1599,11 +1599,12 @@
 
 .charsheet input[type="text"].input-number,
 .charsheet input[type="number"].input-number {
-	color: #000;
-	max-height: 2.25em;
-	text-align: center;
-	width: 100%;
-	padding: 4px 2px 4px 2px;
+    color: #000;
+    max-height: 2.25em;
+    max-width: 3em;
+    padding: 4px 2px 4px 2px;
+    text-align: center;
+    width: 100%;
 }
 
 .charsheet input[type="text"].input-number.small-width,
@@ -1774,7 +1775,6 @@
 	color: #6e6e6e;
 	cursor: help;
 	font-style: italic;
-	justify-self: center;
 	text-align: center;
 }
 
@@ -3250,7 +3250,7 @@ button.torches:hover::after {
 	grid-column-gap: 2px;
 	grid-column: 1/-1;
 	grid-row-start: 3;
-	grid-template-columns: 4em 3em 4em 7em 6em auto 3em 4em 2em 3em;
+	grid-template-columns: 4em 3em 4em minmax(7em, 1fr) 6em 3fr 3em 4em 2em 3em;
 	justify-items: center;
 	padding: 0 0 2px 0;
 }

diff --git a/Forbidden_Lands/Forbidden_Lands.html b/Forbidden_Lands/Forbidden_Lands.html
@@ -239,7 +239,7 @@ <h3 data-i18n="latest-announcements">Latest Announcements</h3>
             <input class="input-number" type="text" name="attr_movement" value="1" title="@{movement}" />
           </span>
           <span class="monster-stats-box12">
-            <input class="input-number" type="text" name="attr_movement_type" data-i18n-placeholder="type" placeholder="type" title="@{movement_type}" />
+            <input class="input" type="text" name="attr_movement_type" data-i18n-placeholder="type" placeholder="type" title="@{movement_type}" />
           </span>
           <span class="monster-stats-box13"></span>
           <span class="monster-stats-box14">
@@ -249,7 +249,7 @@ <h3 data-i18n="latest-announcements">Latest Announcements</h3>
             <input class="input-number" type="number" name="attr_armor1_bonus_max" value="0" min="0" title="@{armor1_bonus_max}" />
           </span>
           <span class="monster-stats-box16">
-            <input class="input-number" type="text" name="attr_armor1_name" data-i18n-placeholder="type" placeholder="type" title="@{armor1_name}" />
+            <input class="input" type="text" name="attr_armor1_name" data-i18n-placeholder="type" placeholder="type" title="@{armor1_name}" />
           </span>
           <span class="monster-stats-box17">
             <select class="input" name="attr_armor1_damage" data-i18n-title="armor1-bonus-misc" title="Miscellaneous bonus modifier (adjusts SKILL dice). @{armor1_damage}">
@@ -2974,7 +2974,7 @@ <h1 data-i18n="relationships-u">RELATIONSHIPS</h1>
             <fieldset class="repeating_relationships">
               <div class="relationships-grid">
                 <div class="relationships-box3">
-                  <input class="input-number" type="text" name="attr_pc_name" value="" title="@{repeating_relationships_$X_pc_name}" data-i18n-placeholder="pc-name" placeholder="PC's name" />
+                  <input class="input" type="text" name="attr_pc_name" value="" title="@{repeating_relationships_$X_pc_name}" data-i18n-placeholder="pc-name" placeholder="PC's name" />
                 </div>
                 <div class="relationships-box4">
                   <textarea class="input-textarea medium" name="attr_pc_description" title="@{repeating_relationships_$X_pc_description}" data-i18n-placeholder="relationship-description" placeholder="Describe the relationship."></textarea>
@@ -3079,7 +3079,7 @@ <h1 data-i18n="notes-u">NOTES</h1>
                   <button class="roll-button" type="roll" name="roll_notes" title="%{repeating_notes_$X_notes}" value="@{whisper_option} &{template:forbiddenlands} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{name=^{notes}}} {{subtitle=@{note_name}}} {{free-text=@{note_description}}}"></button>
                 </div>
                 <div class="notes-box4">
-                  <input class="input-number" type="text" name="attr_note_name" value="" title="@{repeating_notes_$X_note_name}" data-i18n-placeholder="note-name" placeholder="Note's name" />
+                  <input class="input" type="text" name="attr_note_name" value="" title="@{repeating_notes_$X_note_name}" data-i18n-placeholder="note-name" placeholder="Note's name" />
                 </div>
                 <div class="notes-box5">
                   <textarea class="input-textarea" name="attr_note_description" title="@{repeating_notes_$X_note_description}" data-i18n-placeholder="note-description" placeholder="Note's description."></textarea>
@@ -3106,14 +3106,14 @@ <h1 data-i18n="stronghold-u" style="margin-top: 10px;">
             <span class="label" data-i18n="location">Location</span>
           </div>
           <div class="stronghold-details-box3">
-            <input class="input-number" type="text" name="attr_stronghold_location" value="" title="@{stronghold_location}" style="width: 65%;" />
+            <input class="input" type="text" name="attr_stronghold_location" value="" title="@{stronghold_location}" style="width: 65%;" />
           </div>
 
           <div class="stronghold-details-box4">
             <span class="label" data-i18n="name">Name</span>
           </div>
           <div class="stronghold-details-box5">
-            <input class="input-number" type="text" name="attr_stronghold_name" value="" title="@{stronghold_name}" style="width: 85%;" />
+            <input class="input" type="text" name="attr_stronghold_name" value="" title="@{stronghold_name}" style="width: 85%;" />
           </div>
 
           <div class="stronghold-details-box6">