adaptative server browsing ui for iPhone (all screen sizes)

This commit is contained in:
Luis Ángel San Martín 2015-04-14 12:34:22 +02:00
parent c8ccaf7267
commit ebeddbe73b

View File

@ -5,11 +5,10 @@ body{
/* libraries */
#contentLibraries{
width: 300px;
border: 1px solid #C6C6C6;
background-color: white;
margin-left: auto;
margin-right: auto;
margin-left: 20px;
margin-right: 20px;
margin-top: 9px;
}
@ -62,7 +61,7 @@ body{
#contentLibraries .library-indicator
{
float: left;
float: right;
background-color: white;
height: 8px;
padding: 16px 16px 15px 16px;
@ -181,10 +180,10 @@ body{
#itemContainer li
{
width: 300px;
height: 120px;
border: 1px solid #E2E2E2;
margin: 9px auto 0px auto;
margin: 9px 10px 0px 10px;
background-color: white;
overflow: hidden;
position: relative;
@ -218,22 +217,22 @@ overflow: hidden;
.info
{
padding: 8px 0px 0px 0px;
float: left;
position: relative;
height: 115px;
width: 212px;
padding-left: 82px;
}
.buttons
{
position:absolute;
bottom:0px;
left:0px;
left:80px;
right: 0px;
border-top: 1px solid #e2e2e2;
padding-top: 3px;
height: 25px;
width: 220px;
font-family: Arial;
color: #6e6e6e;
font-size: 10px;
@ -245,7 +244,7 @@ width: 212px;
bottom:24px;
padding-top: 3px;
height: 25px;
width: 220px;
width: 100%;
font-family: Arial;
color: #adadad;
font-size: 10px;