Modified so that it does not depend on the resolution.

[Title] Modified so that it does not depend on the resolution.
[Issue#] N_SE-40704
[Problem] Visualization bar show out side of border in AudioFilter.
[Solution] Changes width value from absolute to the relative coordinates.

Change-Id: I5696d06d321cc7af1899fd7a5a0d56f3b7f98a32

diff --git a/css/style.css b/css/style.css
index 61729c8..1a2014b 100755 (executable)
--- a/css/style.css
+++ b/css/style.css
@@ -13,6 +13,13 @@ h1 {
     color: #6587ac;\r
 }\r
 \r
+h1+.desc {\r
+    font-size: 0.8em;\r
+    border-bottom: 2px solid #6587ac;\r
+    margin: 0 10px 10px;\r
+    color: #6587ac;\r
+}\r
+\r
 .wrap {\r
     display: border-box;\r
     margin: 0 10px;\r
@@ -30,6 +37,7 @@ h1 {
 \r
 .range {\r
     width: 120px;\r
+    height:10px;\r
     vertical-align:middle;\r
 }\r
 \r
@@ -39,12 +47,11 @@ h1 {
 }\r
 \r
 .eq-range table td {\r
-    padding:5px 0;\r
+    padding-bottom:3px;\r
 }\r
 \r
 .eq-range table td > p.title {\r
     font-weight: bold;\r
-    padding-bottom: 5px;\r
 }\r
 \r
 .eq-range table td > div.comment {\r
@@ -88,20 +95,20 @@ h1 {
 \r
 .eq-visual {\r
     margin: 5px;\r
-    width: 310px;\r
+    width: 98%;\r
     text-align: center;\r
     background: #fff;\r
 }\r
 \r
 canvas {\r
-    width: 300px;\r
-    height: 170px;\r
+    width: 100%;\r
+    height: 150px;\r
     margin: 0 auto;\r
 }\r
 \r
 .filter-btn {\r
-    margin: 5px;\r
-    padding: 5px;\r
+    margin: 3px;\r
+    padding: 3px;\r
     background: #d9d9d9;\r
     border-radius: 6px;\r
 }\r