style: adjust width of main columns

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index e9d3686f4f6bc085bd334792d17db6401fcbe6d6..bebc45bae90609ca9b59f73e2b7f464a9be02256 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -106,7 +106,7 @@ h5.focus-title {
                width:60%;
        }
        .wrapper.navigation .rightPart{
-               width:35%;
+               width:30%;
        }
        .wrapper .leftPart{
                float:left;
@@ -359,24 +359,24 @@ body{
 }
 
 @media screen and (min-width: 760px) {
+       $player-width: 300px;
        #Commons {
                float: left;
                width: 20%;
-               width: -webkit-calc(0% + 240px);
-               width: -moz-calc(0% + 240px);
-               width: calc(0% + 240px);
+               width: -webkit-calc(0% + #{$player-width});
+               width: -moz-calc(0% + #{$player-width});
+               width: calc(0% + #{$player-width});
        }
        #Changing {
                position: relative;
                float: right;
                width: 78%;
-               width: -webkit-calc(100% - 280px);
-               width: -moz-calc(100% - 280px);
-               width: calc(100% - 280px);
+               width: -webkit-calc(100% - #{$player-width} - 40px);
+               width: -moz-calc(100% - #{$player-width} - 40px);
+               width: calc(100% - #{$player-width} - 40px);
        }
        #All h1.top {
                font-size: 50px;
-               text-transform: uppercase;
                padding-left: 0;
                padding-top: 2rem;
                padding-bottom: 0;