From c1ba3cb933ae895a64aaf039ff805e5dc30cf7c4 Mon Sep 17 00:00:00 2001
From: yfujita <fujiriko59@gmail.com>
Date: Fri, 4 Aug 2017 17:17:13 +0900
Subject: [PATCH] fix width of order-box

---
 .../extension/fess-ss/src/css/ss.scss         | 34 +++++++++++++++++++
 .../fess-ss/src/templates/fess-result.hbs     |  4 +--
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/main/assemblies/extension/fess-ss/src/css/ss.scss b/src/main/assemblies/extension/fess-ss/src/css/ss.scss
index f8e0975e7..14ccbebe9 100644
--- a/src/main/assemblies/extension/fess-ss/src/css/ss.scss
+++ b/src/main/assemblies/extension/fess-ss/src/css/ss.scss
@@ -9,4 +9,38 @@
     display: inline;
     width: 50%;
   }
+  /* Large desktop */
+  @media ( min-width : 74.9em) {
+    .order-box {
+      width: 20%
+    }
+  }
+  /* Large devices (desktops, less than 75em) */
+  @media ( max-width : 74.9em) {
+    .order-box {
+      width: 20%
+    }
+  }
+
+  /* Medium devices (tablets, less than 62em) */
+	@media ( max-width : 61.9em) {
+    .order-box {
+      width: 20%
+    }
+  }
+
+  /* Small devices (landscape phones, less than 48em) */
+  @media ( max-width : 47.9em) {
+    .order-box {
+      width: 50%
+    }
+  }
+
+  /* Extra small devices (portrait phones, less than 34em) */
+  @media ( max-width : 360px) {
+    .order-box {
+      width: 50%
+    }
+  }
+
 }
diff --git a/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs b/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs
index 196e46b0b..47f7b07c0 100644
--- a/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs
+++ b/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs
@@ -3,10 +3,10 @@
     <table width="100%">
       <tbody>
         <tr>
-          <td width="50%">
+          <td>
             {{record_count}} {result.number} ({{exec_time}}{result.second})
           </td>
-          <td width="20%" align="right">
+          <td class="order-box" align="right">
             <div class="order">
               {result.order}:
               <select class="form-control sort">
-- 
GitLab