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

devplacepy/static/css/feed.css

@@ -340,33 +340,6 @@
     box-shadow: 0 6px 20px rgba(229, 57, 53, 0.5);
 }
 
-.feed-comment-form {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-top: 0.75rem;
-    padding-top: 0.75rem;
-    border-top: 1px solid var(--border);
-}
-.feed-comment-form input {
-    flex: 1;
-    padding: 0.375rem 0.75rem;
-    font-size: 0.8125rem;
-    min-height: auto;
-}
-.feed-comment-submit {
-    padding: 0.375rem 0.75rem;
-    background: var(--accent);
-    color: #fff;
-    border-radius: var(--radius);
-    font-weight: 600;
-    font-size: 0.8125rem;
-    white-space: nowrap;
-}
-.feed-comment-submit:hover {
-    background: var(--accent-hover);
-}
-
 @media (max-width: 1024px) {
     .feed-layout {
         grid-template-columns: 1fr;
@@ -407,14 +380,6 @@
         margin-right: 0.125rem;
     }
 
-    .feed-comment-form {
-        flex-wrap: wrap;
-    }
-
-    .feed-comment-form input {
-        min-width: 120px;
-    }
-
     .post-card {
         padding: 0.75rem;
     }
@@ -440,6 +405,11 @@
         padding: 0.375rem 0.5rem;
         font-size: 0.75rem;
     }
+
+    .feed-fab {
+        bottom: calc(1rem + env(safe-area-inset-bottom));
+        right: calc(1rem + env(safe-area-inset-right));
+    }
 }
 
 @media (max-width: 360px) {