diff options
3 files changed, 22 insertions, 28 deletions
diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.html b/client/src/app/videos/+video-watch/modal/video-share.component.html index 593dd8529..dd2dd34ab 100644 --- a/client/src/app/videos/+video-watch/modal/video-share.component.html +++ b/client/src/app/videos/+video-watch/modal/video-share.component.html | |||
@@ -92,26 +92,6 @@ | |||
92 | </div> | 92 | </div> |
93 | </div> | 93 | </div> |
94 | 94 | ||
95 | <div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button" | ||
96 | [attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic"> | ||
97 | |||
98 | <ng-container *ngIf="isAdvancedCustomizationCollapsed"> | ||
99 | <span class="glyphicon glyphicon-menu-down"></span> | ||
100 | |||
101 | <ng-container i18n> | ||
102 | More customization | ||
103 | </ng-container> | ||
104 | </ng-container> | ||
105 | |||
106 | <ng-container *ngIf="!isAdvancedCustomizationCollapsed"> | ||
107 | <span class="glyphicon glyphicon-menu-up"></span> | ||
108 | |||
109 | <ng-container i18n> | ||
110 | Less customization | ||
111 | </ng-container> | ||
112 | </ng-container> | ||
113 | </div> | ||
114 | |||
115 | <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed"> | 95 | <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed"> |
116 | <div> | 96 | <div> |
117 | <div class="form-group stop-at"> | 97 | <div class="form-group stop-at"> |
@@ -174,12 +154,28 @@ | |||
174 | </div> | 154 | </div> |
175 | </ng-container> | 155 | </ng-container> |
176 | </div> | 156 | </div> |
157 | |||
158 | <div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button" | ||
159 | [attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic"> | ||
160 | |||
161 | <ng-container *ngIf="isAdvancedCustomizationCollapsed"> | ||
162 | <span class="glyphicon glyphicon-menu-down"></span> | ||
163 | |||
164 | <ng-container i18n> | ||
165 | More customization | ||
166 | </ng-container> | ||
167 | </ng-container> | ||
168 | |||
169 | <ng-container *ngIf="!isAdvancedCustomizationCollapsed"> | ||
170 | <span class="glyphicon glyphicon-menu-up"></span> | ||
171 | |||
172 | <ng-container i18n> | ||
173 | Less customization | ||
174 | </ng-container> | ||
175 | </ng-container> | ||
176 | </div> | ||
177 | </div> | 177 | </div> |
178 | </div> | 178 | </div> |
179 | </div> | 179 | </div> |
180 | 180 | ||
181 | <div class="modal-footer inputs"> | ||
182 | <span i18n class="action-button action-button-cancel" (click)="hide()">Close</span> | ||
183 | </div> | ||
184 | |||
185 | </ng-template> | 181 | </ng-template> |
diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.scss b/client/src/app/videos/+video-watch/modal/video-share.component.scss index 8b5952da6..a5766d983 100644 --- a/client/src/app/videos/+video-watch/modal/video-share.component.scss +++ b/client/src/app/videos/+video-watch/modal/video-share.component.scss | |||
@@ -39,14 +39,12 @@ my-input-readonly-copy { | |||
39 | 39 | ||
40 | .filters { | 40 | .filters { |
41 | margin-top: 30px; | 41 | margin-top: 30px; |
42 | padding-top: 30px; | ||
43 | border-top: 1px solid $separator-border-color; | ||
44 | 42 | ||
45 | .advanced-filters-button { | 43 | .advanced-filters-button { |
46 | display: flex; | 44 | display: flex; |
47 | justify-content: center; | 45 | justify-content: center; |
48 | align-items: center; | 46 | align-items: center; |
49 | margin-top: 30px; | 47 | margin-top: 20px; |
50 | font-size: 16px; | 48 | font-size: 16px; |
51 | font-weight: $font-semibold; | 49 | font-weight: $font-semibold; |
52 | cursor: pointer; | 50 | cursor: pointer; |
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index bafc82d7d..de9c9d6d6 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -527,7 +527,7 @@ | |||
527 | 527 | ||
528 | .links { | 528 | .links { |
529 | margin-top: 0; | 529 | margin-top: 0; |
530 | margin-bottom: 10px; | 530 | margin-bottom: 15px; |
531 | 531 | ||
532 | a { | 532 | a { |
533 | margin-top: 0; | 533 | margin-top: 0; |