aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-07-16 15:17:50 +0200
committerChocobozzz <me@florianbigard.com>2018-07-16 15:17:50 +0200
commitf2bbd1e1b1eb662184b00e59c210042e5b39499e (patch)
treec95cf12cbfb0628355d6b5b76b40b39943c4a1c4
parentac862a8c20479d45e1aeb9b2c4a3441b07784520 (diff)
downloadPeerTube-f2bbd1e1b1eb662184b00e59c210042e5b39499e.tar.gz
PeerTube-f2bbd1e1b1eb662184b00e59c210042e5b39499e.tar.zst
PeerTube-f2bbd1e1b1eb662184b00e59c210042e5b39499e.zip
Fix responsive in my channel/my videos pages
-rw-r--r--client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss8
-rw-r--r--client/src/app/+my-account/my-account-videos/my-account-videos.component.scss4
-rw-r--r--client/src/sass/include/_mixins.scss6
3 files changed, 16 insertions, 2 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
index 56a637a82..f047bb411 100644
--- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
+++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
@@ -56,11 +56,19 @@
56} 56}
57 57
58@media screen and (max-width: 800px) { 58@media screen and (max-width: 800px) {
59 .video-channels-header {
60 text-align: center;
61 }
62
59 .video-channel { 63 .video-channel {
60 flex-direction: column; 64 flex-direction: column;
61 height: auto; 65 height: auto;
62 text-align: center; 66 text-align: center;
63 67
68 .video-channel-names {
69 justify-content: center;
70 }
71
64 img { 72 img {
65 margin-right: 0; 73 margin-right: 0;
66 } 74 }
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
index 1f22aec71..65c0c8bb2 100644
--- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
+++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
@@ -100,6 +100,10 @@
100 height: auto; 100 height: auto;
101 text-align: center; 101 text-align: center;
102 102
103 .video-info-name {
104 margin: auto;
105 }
106
103 input[type=checkbox] { 107 input[type=checkbox] {
104 display: none; 108 display: none;
105 } 109 }
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 3904751c2..9f8346950 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -411,9 +411,11 @@
411 @include orange-button; 411 @include orange-button;
412 412
413 .icon.icon-add { 413 .icon.icon-add {
414 @include icon(22px); 414 @include icon(20px);
415 415
416 margin-right: 3px; 416 position: relative;
417 top: -1px;
418 margin-right: 5px;
417 background-image: url($imageUrl); 419 background-image: url($imageUrl);
418 } 420 }
419} 421}