Watch page: Align sidebars with the watch wrapper #1251
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
closes #1249
Change 1: margin of the sidebars
Before:
![](https://private-user-images.githubusercontent.com/78721605/287820732-77ab712c-a9fd-40f5-93c4-af5aaa3aabd1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNjY2NTEsIm5iZiI6MTczOTE2NjM1MSwicGF0aCI6Ii83ODcyMTYwNS8yODc4MjA3MzItNzdhYjcxMmMtYTlmZC00MGY1LTkzYzQtYWY1YWFhM2FhYmQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA1NDU1MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU1MTYwNzRmMTc0YzRhMWJkOTUwN2UzZmZjZmJmNTU1N2Y5ZjRkNmJjNzEyMTk5OWNjZWQxOGI0YmU2M2UwZDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.wGqlnJyirwpaVYoBx6TQI1XskIm2Utx9lR0dN4WqpEk)
After:
![](https://private-user-images.githubusercontent.com/78721605/287818721-d551a0de-890e-4561-b927-b49dd57bb725.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNjY2NTEsIm5iZiI6MTczOTE2NjM1MSwicGF0aCI6Ii83ODcyMTYwNS8yODc4MTg3MjEtZDU1MWEwZGUtODkwZS00NTYxLWI5MjctYjQ5ZGQ1N2JiNzI1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA1NDU1MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM5YjY0Njg4ODBiNTUxZGM4YjZkM2JkZjgxMGRkOTFjZWY1NzIzNTYxZmVkOTc1ZjdmYjAwNWVlYjA2MzkwMTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Fw5beD6Lj9deXxu0DOgskTvsZec1ErOknMJ5bXbGD4I)
Change 2: height of the sidebars when the page is wide but short
Before:
![](https://private-user-images.githubusercontent.com/78721605/287819556-074a4d18-a672-4c15-a2de-7dc235bbe708.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNjY2NTEsIm5iZiI6MTczOTE2NjM1MSwicGF0aCI6Ii83ODcyMTYwNS8yODc4MTk1NTYtMDc0YTRkMTgtYTY3Mi00YzE1LWEyZGUtN2RjMjM1YmJlNzA4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA1NDU1MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyYjhhNjQ0MTM5MzFhNTEyODYwMWRmYmFmYmNhYjIwOGVkZThhYmY2MjY4NTBiMGE4NzdkNWVkYmRhOGIyZWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.iiMRlMSVsaCY0uBJ2Ht_Y1PxKRtcGD_l2NEBJmLTDLg)
![](https://private-user-images.githubusercontent.com/78721605/287820114-704f0526-116a-4488-aa46-ef085ce9df13.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNjY2NTEsIm5iZiI6MTczOTE2NjM1MSwicGF0aCI6Ii83ODcyMTYwNS8yODc4MjAxMTQtNzA0ZjA1MjYtMTE2YS00NDg4LWFhNDYtZWYwODVjZTlkZjEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA1NDU1MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE0MTIzYTI3NjE3NWI1OTBjOGRjYTM0YjAxNDFmMDY2OTY1MmRhOGNkM2U1NjgyNGMyZjE4NmE2MDA5M2Y1ZGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.22psgt5OtmuXfFxw7F4bcua4gFXxprMIIuoRAVga1jk)
After: