style: add touch-friendly min-heights, responsive comment form, and mobile layout refinements across CSS

devplacepy/static/css/messages.css

@@ -141,6 +141,7 @@
     font-size: 0.875rem;
     line-height: 1.5;
     position: relative;
+    overflow-wrap: anywhere;
 }
 
 .message-bubble.mine {
@@ -264,3 +265,10 @@
         justify-content: center;
     }
 }
+
+@media (hover: none) and (pointer: coarse) {
+    .messages-send-btn {
+        width: 44px;
+        height: 44px;
+    }
+}