[FIX] point_of_sale: alignment note textarea

before fix:
in firefox the textarea of note modal has a overflow
textarea can be expanded outside borders modal in all browsers

closes odoo/odoo#27887

addons/point_of_sale/static/src/css/pos.css

@@ -2147,6 +2147,22 @@ td {
     font-family: 'Lato';
     font-family: Lato;
 }
+
+.pos .modal-dialog .popup-textinput{
+    display: flex;
+    flex-direction: column;
+}
+
+.pos .modal-dialog .popup-textinput .title,
+.pos .modal-dialog .popup-textinput .footer{
+    flex: none;
+}
+
+.pos .modal-dialog .popup-textinput textarea{
+    resize: none;
+    flex: auto;
+    margin: 0 20px 80px;
+}
 .pos .modal-dialog .popup-confirm{
     height: 250px;
 }

addons/point_of_sale/static/src/xml/pos.xml

@@ -1117,7 +1117,7 @@
         <div role="dialog" class="modal-dialog">
             <div class="popup popup-textinput">
                 <header class="title"><t t-esc=" widget.options.title || '' " /></header>
-                <textarea rows="10" cols="40"><t t-esc="widget.options.value" /></textarea>
+                <textarea><t t-esc="widget.options.value" /></textarea>
                 <footer class="footer">
                     <div class="button confirm">
                         Ok