Make add/edit action-item moes wide

public/css/style.css

@@ -187,6 +187,9 @@ body>nav.navbar {
 .mcp-theme-1 .form-control.form-control-sm {
     min-width: 200px;
 }
+[wide] .form-control.form-control-sm {
+    min-width: 350px;
+}
 .mcp-theme-1 .min-width-200px {
     min-width: 200px;
 }

resources/views/app/patient/action-items.blade.php

@@ -9,7 +9,7 @@
             <span class="mx-2 text-secondary">|</span>
             <div moe>
                 <a start show class="py-0 font-weight-normal">Add</a>
-                <form url="/api/actionItem/create">
+                <form url="/api/actionItem/create" wide>
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="prescriberProUid" value="{{ $pro->uid }}">
                     <div class="mb-2">
@@ -92,7 +92,7 @@
                         {{$item->content_text}}
                         <span moe>
                             <a start show class="on-hover-opaque"><i class="fa fa-edit"></i></a>
-                            <form url="/api/actionItem/updateContent">
+                            <form url="/api/actionItem/updateContent" wide>
                                 <input type="hidden" name="uid" value="{{ $item->uid }}">
                                 <div class="mb-2">
                                     <input type="text" class="form-control form-control-sm" name="contentText" value="{{ $item->content_text }}" placeholder="Title *" required>