1.9 - Small design issues

quead · quead · commit 12eb1740e701 · 2017-08-31T18:03:10.000+03:00
diff --git a/dist/assets/css/main.css b/dist/assets/css/main.css
@@ -288,7 +288,7 @@ a:active {
 }
 
 .app-feed .app-content {
-  padding: 0 10px;
+  padding: 0 20px;
   background: var(--c-white);
 }
 
@@ -1225,7 +1225,7 @@ iframe {
 }
 
 .video-list-featured {
-  margin: 10px -10px 0;
+  margin: 10px -20px 0;
   height: 200px;
   background-position: center center;
   background-size: cover;
@@ -1287,6 +1287,7 @@ iframe {
   bottom: 0;
   height: calc(100% - 297px);
   width: calc(100% - 20px);
+  margin-left: -10px;
   max-height: none;
 }
 
diff --git a/scss/_common.scss b/scss/_common.scss
@@ -105,7 +105,7 @@
         box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px 10px;
         z-index: 1;
         .app-content {
-            padding: 0 10px;
+            padding: 0 20px;
             background: var(--c-white);
         }
     }
diff --git a/scss/_videos.scss b/scss/_videos.scss
@@ -285,7 +285,7 @@ iframe {
 }
 
 .video-list-featured {
-    margin: 10px -10px 0;
+    margin: 10px -20px 0;
     height: 200px;
     background-position: center center;
     background-size: cover;
@@ -341,6 +341,7 @@ iframe {
     bottom: 0;
     height: calc(100% - 297px);
     width: calc(100% - 20px);
+    margin-left: -10px;
     max-height: none;
     .video-item {
         border-bottom: none;
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -288,7 +288,7 @@ a:active {
 }
 
 .app-feed .app-content {
-  padding: 0 10px;
+  padding: 0 20px;
   background: var(--c-white);
 }
 
@@ -1225,7 +1225,7 @@ iframe {
 }
 
 .video-list-featured {
-  margin: 10px -10px 0;
+  margin: 10px -20px 0;
   height: 200px;
   background-position: center center;
   background-size: cover;
@@ -1287,6 +1287,7 @@ iframe {
   bottom: 0;
   height: calc(100% - 297px);
   width: calc(100% - 20px);
+  margin-left: -10px;
   max-height: none;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -288,7 +288,7 @@ a:active {`
`288`	`288`	`}`
`289`	`289`
`290`	`290`	`.app-feed .app-content {`
`291`		`- padding: 0 10px;`
	`291`	`+ padding: 0 20px;`
`292`	`292`	`background: var(--c-white);`
`293`	`293`	`}`
`294`	`294`
`@@ -1225,7 +1225,7 @@ iframe {`
`1225`	`1225`	`}`
`1226`	`1226`
`1227`	`1227`	`.video-list-featured {`
`1228`		`- margin: 10px -10px 0;`
	`1228`	`+ margin: 10px -20px 0;`
`1229`	`1229`	`height: 200px;`
`1230`	`1230`	`background-position: center center;`
`1231`	`1231`	`background-size: cover;`
`@@ -1287,6 +1287,7 @@ iframe {`
`1287`	`1287`	`bottom: 0;`
`1288`	`1288`	`height: calc(100% - 297px);`
`1289`	`1289`	`width: calc(100% - 20px);`
	`1290`	`+ margin-left: -10px;`
`1290`	`1291`	`max-height: none;`
`1291`	`1292`	`}`
`1292`	`1293`
Original file line number	Diff line number	Diff line change
`@@ -105,7 +105,7 @@`
`105`	`105`	`box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px 10px;`
`106`	`106`	`z-index: 1;`
`107`	`107`	`.app-content {`
`108`		`- padding: 0 10px;`
	`108`	`+ padding: 0 20px;`
`109`	`109`	`background: var(--c-white);`
`110`	`110`	`}`
`111`	`111`	`}`