Video controller's back button is overlapped with forward seek button on fullscreen...

[Title] Video controller's back button is overlapped with forward seek button on fullscreen, WVGA mode.
[Problem] Video controller's back button is overlapped with forward seek button.
[Cause] CSS setting for mediacontroller doen't consider in WVGA mode.
[Solution] Change CSS values to percentage.

Change-Id: I48ba538fced9bb469fac75bc4be5bdfda893ce2e

diff --git a/Source/WebCore/css/mediaControlsTizenFullscreen.css b/Source/WebCore/css/mediaControlsTizenFullscreen.css
old mode 100644 (file)
new mode 100755 (executable)
index 6bfa847..516c0b7
--- a/Source/WebCore/css/mediaControlsTizenFullscreen.css
+++ b/Source/WebCore/css/mediaControlsTizenFullscreen.css
@@ -31,7 +31,7 @@ video:-webkit-full-screen::-webkit-media-controls-panel {
     bottom: 10px;
 
     width: 100%;
-    height: 215px;
+    height : 18%;
 }
 
 video:-webkit-full-screen::-webkit-media-controls-mute-button {
@@ -40,36 +40,33 @@ video:-webkit-full-screen::-webkit-media-controls-mute-button {
 
 video:-webkit-full-screen::-webkit-media-controls-play-button {
     position: absolute;
-    top: 75px;
-    left: 50%;
-    margin-left: -70px;
+    top: 30%;
+    left: 40%;
 
-    width: 140px;
-    height: 140px;
+    width: 20%;
+    height: 65%;
 }
 
 video:-webkit-full-screen::-webkit-media-controls-seek-back-button {
     display: -webkit-box;
 
     position: absolute;
-    top: 90px;
-    right: 50%;
-    margin-right: 100px;
+    top: 36%;
+    left: 15%;
 
-    width: 112px;
-    height: 112px;
+    width: 16%;
+    height: 52%;
 }
 
 video:-webkit-full-screen::-webkit-media-controls-seek-forward-button {
     display: -webkit-box;
 
     position: absolute;
-    top: 90px;
-    left: 50%;
-    margin-left: 100px;
+    top: 36%;
+    right: 15%;
 
-    width: 112px;
-    height: 112px;
+    width: 16%;
+    height: 52%;
 }
 
 video:-webkit-full-screen::-webkit-media-controls-timeline-container {
@@ -78,7 +75,7 @@ video:-webkit-full-screen::-webkit-media-controls-timeline-container {
     left: 0px;
     right: 0px;
 
-    height: 65px;
+    height: 30%;
 }
 
 video:-webkit-full-screen::-webkit-media-controls-current-time-display,
@@ -103,7 +100,7 @@ video:-webkit-full-screen::-webkit-media-controls-time-remaining-display {
 video:-webkit-full-screen::-webkit-media-controls-current-time-display {
     -webkit-box-pack: start;
 
-    text-align: left;    
+    text-align: left;
     left: 20px;
 }
 
@@ -128,11 +125,11 @@ video:-webkit-full-screen::-webkit-media-controls-timeline {
 
 video:-webkit-full-screen::-webkit-media-controls-fullscreen-button {
     position: absolute;
-    bottom: 0px;
-    right: 26px;
+    bottom : 0px;
+    right : 3%;
 
-    width: 70px;
-    height: 70px;
+    width: 10%;
+    height: 32%;
 }
 
 video:-webkit-full-screen::-webkit-media-controls-volume-slider-container {