fix mga #13646, list overs part of menu

1 files changed, 10 insertions, 13 deletions

diff --git a/usr/share/mageiawelcome/css/style.css b/usr/share/mageiawelcome/css/style.css
index 1221b3f..8dc0ba4 100644
--- a/usr/share/mageiawelcome/css/style.css
+++ b/usr/share/mageiawelcome/css/style.css
@@ -1,4 +1,4 @@
-html {
+tml {
       font-size: 14px;
 }
 a:focus, button:focus{outline:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@@ -11,7 +11,7 @@ h1,h2,ul,div{margin:0;padding:0;}
 
 h2#welcome{font-size:26px;}
 div#hdrinfo{position:absolute;top:0;right:0;background:rgba(255, 255, 255, 0.2); padding:8px;border-radius:0 0 0 8px;font-size:10px;margin:0;}
-div#close{position:fixed;bottom:0;right:8px;padding:3px;font-size:11px; z-index:200;}
+div#close{position:fixed;bottom:0;right:8px;padding:1px;font-size:11px; z-index:200;}
 header h2{text-shadow: 0 1px 2px #000;font-size:32px;margin-left:20px;margin-top:1px; margin-bottom:-5px;}
 header span{font-size:10px;text-shadow: 0 1px 2px #000;margin-left:20px;margin-top:-14px;}
 
@@ -67,28 +67,25 @@ div#prevnext div:hover {color: #FFF;}
 #mcc {width:300px; height:206px;background-image:url('../img/mcc.jpg');text-align:center;border: 4px solid white;
   box-shadow: 0 0 4px 2px rgba(0,0,0,.5);margin-bottom:8px;}
 /* APP LIST */
-#rpmdrake_info{background:#FFCC00;color:#111;line-height:29px;border-bottom: 1px solid #111;text-align:center;text-shadow: none;}
+#rpmdrake_info{background:#FFCC00;color:#111;line-height:24px;border-bottom: 1px solid #111;text-align:center;text-shadow: none;}
 div#applist {width:100%;clear:both;padding:0;margin:0;}
 ul.filter, ul.list{float:left;margin-top:0;}
-ul.filter {width: 169px;background: #FFF;margin:0;height:346px;
-
-  
-}
+ul.filter {width: 218px;background: #FFF;margin:0;height:358px;}
 ul.filter li {display:block;
   font-size:13px; font-weight:normal;
-  line-height:20px;padding-left:4px;color:#111;text-shadow: none;cursor: pointer;
+  line-height:15px;padding-left:4px;color:#111;text-shadow: none;cursor: pointer;
 }
 ul.filter li.current,ul.filter li.current:hover {background-color: #0A5C93; color: #FFF;}
 ul.filter li:hover {background-color: #e5e5e5; color: #333;}
-ul.list {width: 630px;height:346px; overflow-x:hidden;overflow-y:auto;padding:0;list-style-type:none;border-left:1px solid #262F45;background-image: -webkit-linear-gradient(bottom, #2B8BCa 0%, #0C3A6D 100%);}
+ul.list {width: 580px;height:358px; overflow-x:hidden;overflow-y:auto;padding:0;list-style-type:none;border-left:1px solid #262F45;background-image: -webkit-linear-gradient(bottom, #2B8BCa 0%, #0C3A6D 100%);}
 
 ul.list img.icon {height:32px;width:32px; float:left;margin:6px;}
-ul.list li {width: 660px;height:54px;margin: 0;position:relative;border-bottom:1px solid #262F45;padding:2px;}
+ul.list li {width: 590px;height:54px;margin: 0;position:relative;border-bottom:1px solid #262F45;padding:2px;}
 ul.list li:hover {background:rgba(0, 0, 0, 0.2); }
 ul.list li h6 {margin:0;margin-top:6px;}
 ul.list li p.description {margin-top:0;}
 
-ul.list li button {position:absolute; left:520px; top:28px;float:right;}*/
+ul.list li button {position:absolute; left:500px; top:28px;float:right;}*/
 
 ul.list li.urpme {background:rgba(0, 0, 0, 0.4);
   background-image:url('../img/ok.png');
@@ -99,7 +96,7 @@ ul.list li.urpme:hover {background-color:rgba(0, 0, 0, 0.3);}
 ul.list li span.label{position:absolute; top:2px; right:56px;}
 .chkbox {float:left;width:30px;height:54px;}
 .chkbox input[type='checkbox']{margin-top: 14px;}
-#selectedRPMS{position:absolute;bottom:30px;left:2px;background:rgba(0, 0, 0, 0.6); padding:3px;border-radius:3px;font-size:11px; z-index:200;width:165px;}
-#install_all {position:absolute;bottom:3px;left:32px;}
+#selectedRPMS{position:absolute;bottom:25px;left:0;background:rgba(0, 0, 0, 0.6); padding:2px;border-radius:0 2px 0 0;font-size:10px; z-index:200;width:217px;}
+#install_all {position:absolute;bottom:1px;left:32px;}
 #rpmdrake_info a {cursor:pointer; text-decoration:underline;color: #111;}
 #rpmdrake_info a:hover{font-weight:bold;}