fixed width contaienr ids

Author: MrCull

MyDevTools/Components/Pages/ContainerIds.razor

@@ -30,7 +30,7 @@
         <div class="row mt-4">
             <div class="col-md-6 offset-md-3">
                 <label>Generated Codes:</label>
-                <textarea readonly class="form-control" rows="6">@generatedCodes</textarea>
+                <textarea readonly class="form-control monospace-font" style="width: 180px;" rows="6">@generatedCodes</textarea>
                 <div class="mt-2 text-success">@copyConfirmationMessage</div>
             </div>
         </div>

MyDevTools/Components/Pages/ContainerIds.razor.css

@@ -0,0 +1,7 @@
+.monospace-font {
+    font-family: 'Consolas', 'Courier New', 'Lucida Console', 'Monaco', monospace;
+}
+
+.container-id-textarea {
+    width: 180px;
+}