From 8077059b556d37cbe9a57880850da1c3e03bd544 Mon Sep 17 00:00:00 2001
From: "keonho07.kim" <keonho07.kim@samsung.com>
Date: Tue, 26 Mar 2013 23:41:30 +0900
Subject: [PATCH] Video controller's back button is overlapped with forward
 seek button on fullscreen, WVGA mode.

[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
---
 .../WebCore/css/mediaControlsTizenFullscreen.css   | 41 ++++++++++------------
 1 file changed, 19 insertions(+), 22 deletions(-)
 mode change 100644 => 100755 Source/WebCore/css/mediaControlsTizenFullscreen.css

diff --git a/Source/WebCore/css/mediaControlsTizenFullscreen.css b/Source/WebCore/css/mediaControlsTizenFullscreen.css
old mode 100644
new mode 100755
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 {
-- 
2.7.4