www: comment form fixes

removing hardcoded width

1 files changed, 16 insertions, 16 deletions

diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css
index 2a888b90..1b4dd0e3 100644
--- a/juick-www/src/main/static/style.css
+++ b/juick-www/src/main/static/style.css
@@ -254,16 +254,19 @@ article .replies {
     margin-left: 18px;
 }
 article .comm {
+    display: flex;
     margin: 13px 0 0 0;
+    width: 100%;
 }
-article textarea {
+article .comm textarea {
     border: 0;
+    flex-grow: 1;
     padding: 2px;
     resize: vertical;
     vertical-align: top;
-    width: 530px;
 }
-article input {
+article .comm input {
+    align-self: flex-start;
     background: #EEE;
     border: 1px solid #CCC;
     color: #999;
@@ -361,40 +364,37 @@ article .t {
 }
 .ta-wrapper {
     border: 1px solid #DDD;
-    display: inline-block;
+    display: flex;
+    flex-grow: 1;
 }
 .msg-comment textarea {
     border: 0;
+    flex-grow: 1;
     padding: 2px;
     resize: vertical;
     vertical-align: top;
-    width: 634px;
 }
-.msg-comment .narrow {
-    width: 554px;
+.msg-comment {
+    display: flex;
+    width: 100%;
 }
-.msg-comment .narrowpm {
-    width: 580px;
+.msg-comment-hidden {
+    display: none;
 }
 .attach-photo {
     background: url("photo-attachment.png") no-repeat 3px 4px;
     cursor: pointer;
     display: inline-block;
-    height: 13px;
+    height: 16px;
     overflow: hidden;
     padding: 2px 4px;
     width: 16px;
 }
 .attach-photo-active {
     background: url("photo-attachment-active.png") no-repeat 3px 4px;
-    cursor: pointer;
-    display: inline-block;
-    height: 13px;
-    overflow: hidden;
-    padding: 2px 4px;
-    width: 16px;
 }
 .msg-comment input {
+    align-self: flex-start;
     background: #EEE;
     border: 1px solid #CCC;
     color: #999;