diff options
| author | Ajay <[email protected]> | 2022-06-03 01:38:32 -0400 |
|---|---|---|
| committer | Ajay <[email protected]> | 2022-06-03 01:38:32 -0400 |
| commit | 9664bbea736a1d5254a42b765c1871059563f088 (patch) | |
| tree | b0577a399601ce23a67d1e036c8acce623cc51ff /public | |
| parent | 20b95887af0db2cc4f82a5b8350bb9280a23c64f (diff) | |
| download | SponsorBlock-9664bbea736a1d5254a42b765c1871059563f088.tar.gz SponsorBlock-9664bbea736a1d5254a42b765c1871059563f088.zip | |
Change alignment of some popup elements
Diffstat (limited to 'public')
| -rw-r--r-- | public/popup.css | 11 | ||||
| -rw-r--r-- | public/popup.html | 60 |
2 files changed, 42 insertions, 29 deletions
diff --git a/public/popup.css b/public/popup.css index 9b9905e2..46b690c4 100644 --- a/public/popup.css +++ b/public/popup.css @@ -268,6 +268,10 @@ white-space: normal; } +.sbVoteButtonsContainer { + text-align: right; +} + /* * Buttons that appear under a segment on click */ @@ -465,7 +469,14 @@ .sbYourWorkCols > div { display: flex; border-top: 2px solid var(--sb-grey-bg-color); + border-bottom: 2px solid var(--sb-grey-bg-color); +} + +.sbStatsSentence { + padding-top: 5px; + padding-bottom: 5px; } + /* * Increase font size of username input and display */ diff --git a/public/popup.html b/public/popup.html index 2c7cd6c1..b038706e 100644 --- a/public/popup.html +++ b/public/popup.html @@ -84,8 +84,10 @@ </div> <!-- Your Work box --> - <details class="sbYourWorkCols"> - <summary class="sbHeader" style="padding: 8px 16px; cursor: pointer;"> __MSG_yourWork__</summary> + <div class="sbYourWorkCols"> + <p class="sbHeader" style="padding: 8px 16px; cursor: pointer;"> + __MSG_yourWork__ + </p> <div> <!-- Username --> <div id="usernameElement"> @@ -115,36 +117,36 @@ <span id="sponsorTimesContributionsDisplay">0</span> </div> </div> - </details> - <p id="sponsorTimesViewsContainer" style="display: none" class="u-mZ"> - __MSG_savedPeopleFrom__ - <b> - <span id="sponsorTimesViewsDisplay">0</span> - </b> - <span id="sponsorTimesViewsDisplayEndWord">__MSG_Segments__</span> - <br /> - ( - <b> - <span id="sponsorTimesOthersTimeSavedDisplay">0</span> - <span id="sponsorTimesOthersTimeSavedEndWord">__MSG_minsLower__</span> - </b> - <span>__MSG_youHaveSavedTimeEnd__</span> - ). - </p> - <p id="sponsorTimesSkipsDoneContainer" style="display: none" class="u-mZ"> - __MSG_youHaveSkipped__ - <b> - <span id="sponsorTimesSkipsDoneDisplay">0</span> - </b> - <span id="sponsorTimesSkipsDoneEndWord">__MSG_Segments__</span> - ( + <p id="sponsorTimesViewsContainer" style="display: none" class="u-mZ sbStatsSentence"> + __MSG_savedPeopleFrom__ <b> - <span id="sponsorTimeSavedDisplay">0</span> - <span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span> + <span id="sponsorTimesViewsDisplay">0</span> </b> - ). - </p> + <span id="sponsorTimesViewsDisplayEndWord">__MSG_Segments__</span> + <br /> + ( + <b> + <span id="sponsorTimesOthersTimeSavedDisplay">0</span> + <span id="sponsorTimesOthersTimeSavedEndWord">__MSG_minsLower__</span> + </b> + <span>__MSG_youHaveSavedTimeEnd__</span> + ) + </p> + <p id="sponsorTimesSkipsDoneContainer" style="display: none" class="u-mZ sbStatsSentence"> + __MSG_youHaveSkipped__ + <b> + <span id="sponsorTimesSkipsDoneDisplay">0</span> + </b> + <span id="sponsorTimesSkipsDoneEndWord">__MSG_Segments__</span> + ( + <b> + <span id="sponsorTimeSavedDisplay">0</span> + <span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span> + </b> + ) + </p> + </div> <footer id="sbFooter"> <div id="sponsorTimesDonateContainer" style="display: none; align-items: center; justify-content: center;"> |