From 492485626bfb0584895856d7de2d0a28bbbb28cb Mon Sep 17 00:00:00 2001
From: chiu <naruto0426@rulingcom.com>
Date: Fri, 31 Jul 2020 11:35:00 +0800
Subject: [PATCH] fix rwd style

---
 app/views/announcements/show.html.erb | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/views/announcements/show.html.erb b/app/views/announcements/show.html.erb
index 4352f3a..57e029f 100644
--- a/app/views/announcements/show.html.erb
+++ b/app/views/announcements/show.html.erb
@@ -91,9 +91,10 @@
     font-family: serif;
   }
   .announcement-comment {
+    margin-top: 1em;
     background: <%= bg_color %>;
     color: <%= color2 %>;
-    font-size: 1.3em;
+    font-size: 1.15em;
     padding-left: 3%;
     border-radius: 0.7em;
     display: inline-block;
@@ -103,12 +104,14 @@
   }
   .annc-comment-div{
     display: flex;
-    align-items: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
   }
   .btn-comment{
+    margin-top: 1em;
     margin-left: 3%;
     color: <%= color2 %>;
-    font-size: 1.2em;
+    font-size: 1em;
     background: <%= bg_color %>;
     margin-left: 3%;
   }
@@ -126,6 +129,14 @@
   .annc-comments{
     margin: 1.5em 0;
   }
+  @media (max-width: 767px) {
+    .annc-comment-div{
+      justify-content: center;
+    }
+    .announcement-comment {
+      width: 100%;
+    }
+  }
 </style>
 <script type="text/javascript">
   $(function(){