diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index 8beb3305..d25ab7a4 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -146,7 +146,7 @@ "message": "Submit" }, "popupHint": { - "message": "Hint: Press the semicolon key while focused on a video to report the start/end of a segment and quote to submit. (This can be changed in the options)" + "message": "Hint: Press the semicolon key while focused on a video to report the start/end of a segment and quote to submit." }, "clearTimesButton": { "message": "Clear Times" diff --git a/public/icons/thumb.svg b/public/icons/thumb.svg new file mode 100644 index 00000000..c66bcdbd --- /dev/null +++ b/public/icons/thumb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/popup.css b/public/popup.css index dec0b897..e3d86b45 100644 --- a/public/popup.css +++ b/public/popup.css @@ -20,8 +20,29 @@ text-align: center; } -#downloadedSponsorMessageTimes{ +#issueReporterTimeButtons { + display: flex; + flex-flow: row wrap; + justify-content: center; +} + +#issueReporterTimeButtons > button { font-weight: bold; + color: var(--sb-main-fg-color); + background: none; + border: none; + height: 20px; + padding: 0 8px; + border-radius: 10px; +} + +#issueReporterTimeButtons > div > img:nth-child(2) { + margin-left: 6px; + transform: scaleY(-1); +} + +#issueReporterTimeButtons > div > h2 { + margin: 0; } #videoInfo>p, #videoInfo>div>p { @@ -47,14 +68,32 @@ div.logoText>p, .sbHeader { padding: 6px 24px; font-size: 20px; border-radius: 25px; + border: none; text-decoration: none; color: black; min-height: 26px; - height: 26px; - width: 152px; + min-width: 152px; display: block; overflow: hidden; text-overflow: ellipsis; + font-family: 'Source Sans Pro', sans-serif; +} + +.mediumButton { + background: red; + /* font-weight: bold; */ + padding: 6px 24px; + font-size: 16px; + border-radius: 25px; + border: none; + text-decoration: none; + color: white; + min-height: 26px; + min-width: 152px; + display: block; + overflow: hidden; + text-overflow: ellipsis; + font-family: 'Source Sans Pro', sans-serif; } /* disable extension */ @@ -146,9 +185,17 @@ div.logoText>p, .sbHeader { margin-bottom: 6px !important; } -#videoInfo, .sidebyside, #sponsorTimesSkipsDoneContainer, .largeButton { +#videoInfo, #mainControls, .sidebyside, #sponsorTimesSkipsDoneContainer, .largeButton, #submissionSection>b { margin-bottom: 12px !important; } +#mainControls{ +flex-flow: column; +align-items: center; +} +#submitTimesContainer{ + flex-flow: column; + align-items: center; +} /* additional buttons */ #additionalButtons { diff --git a/public/popup.html b/public/popup.html index ac147382..6baa12e1 100644 --- a/public/popup.html +++ b/public/popup.html @@ -19,7 +19,10 @@

-

+
+
+
+
@@ -43,6 +46,9 @@

__MSG_whitelistChannel__

+