diff --git a/modules/web_resource/_web_res_widget1.html.erb b/modules/web_resource/_web_res_widget1.html.erb
index 3822492..9244a85 100644
--- a/modules/web_resource/_web_res_widget1.html.erb
+++ b/modules/web_resource/_web_res_widget1.html.erb
@@ -3,14 +3,38 @@
     <span>{{widget-title}}</span>
   </h3>
   <ul class="list-unstyled" data-level="0" data-list="web_link">
-    <li class="widget-content">
+    <li class="widget-content widget-content-horizontal ">
+<div class="hex-border">
+      <a  href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
       <div class="link-img-wrap{{display_image}}">
         <img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
       </div>
-      <a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
+      <span class="widget-content-title"  title="{{title_text}}">{{title}}</span>
       <span data-list="statuses" data-level="1">
         <span class="label status {{status-class}}">{{status}}</span>
       </span>
+    </a>
+</div>
     </li>
   </ul>
-</div>
\ No newline at end of file
+
+</div>
+<style type="text/css">
+  .widget-content-horizontal{
+    float: left;
+  }
+  .openmorebken{
+    &:before{
+      content: '展開';
+      display: block;
+      position: relative;
+    }
+  }
+  .closemorebken{
+    &:before{
+      content: '關閉'!important;
+      display: block;
+      position: relative;
+    }
+  }
+</style>