diff options
| author | Ajay <[email protected]> | 2024-03-27 16:14:10 -0400 |
|---|---|---|
| committer | Ajay <[email protected]> | 2024-03-27 16:14:10 -0400 |
| commit | e14b3c76f9a5698aa09ae1f02c77e08077c195ad (patch) | |
| tree | fd2c59ced6585644836a62b415e9cf9a679fa6d5 | |
| parent | de830cda4868f2398fc1cb70da748cb56763be6a (diff) | |
| download | SponsorBlock-e14b3c76f9a5698aa09ae1f02c77e08077c195ad.tar.gz SponsorBlock-e14b3c76f9a5698aa09ae1f02c77e08077c195ad.zip | |
Improve submission box padding
| -rw-r--r-- | src/components/SponsorTimeEditComponent.tsx | 71 |
1 files changed, 36 insertions, 35 deletions
diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 0564293a..527dbbe2 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -272,48 +272,49 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo </div> ): ""} - <br/> - {/* Editing Tools */} - <span id={"sponsorTimeDeleteButton" + this.idSuffix} - className="sponsorTimeEditButton" - onClick={this.deleteTime.bind(this)}> - {chrome.i18n.getMessage("delete")} - </span> - - {(!isNaN(segment[1]) && ![ActionType.Poi, ActionType.Full].includes(this.state.selectedActionType)) - && this.state.selectedActionType !== ActionType.Chapter ? ( - <span id={"sponsorTimePreviewButton" + this.idSuffix} + <div style={{ marginTop: "3px" }}> + <span id={"sponsorTimeDeleteButton" + this.idSuffix} className="sponsorTimeEditButton" - onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey)}> - {chrome.i18n.getMessage("preview")} + onClick={this.deleteTime.bind(this)}> + {chrome.i18n.getMessage("delete")} </span> - ): ""} - {(!isNaN(segment[1]) && this.state.selectedActionType != ActionType.Full) ? ( - <span id={"sponsorTimeInspectButton" + this.idSuffix} - className="sponsorTimeEditButton" - onClick={this.inspectTime.bind(this)}> - {chrome.i18n.getMessage("inspect")} - </span> - ): ""} + {(!isNaN(segment[1]) && ![ActionType.Poi, ActionType.Full].includes(this.state.selectedActionType)) + && this.state.selectedActionType !== ActionType.Chapter ? ( + <span id={"sponsorTimePreviewButton" + this.idSuffix} + className="sponsorTimeEditButton" + onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey)}> + {chrome.i18n.getMessage("preview")} + </span> + ): ""} - {(!isNaN(segment[1]) && ![ActionType.Poi, ActionType.Full].includes(this.state.selectedActionType)) ? ( - <span id={"sponsorTimePreviewEndButton" + this.idSuffix} - className="sponsorTimeEditButton" - onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey, true)}> - {chrome.i18n.getMessage("End")} - </span> - ): ""} + {(!isNaN(segment[1]) && this.state.selectedActionType != ActionType.Full) ? ( + <span id={"sponsorTimeInspectButton" + this.idSuffix} + className="sponsorTimeEditButton" + onClick={this.inspectTime.bind(this)}> + {chrome.i18n.getMessage("inspect")} + </span> + ): ""} + + {(!isNaN(segment[1]) && ![ActionType.Poi, ActionType.Full].includes(this.state.selectedActionType)) ? ( + <span id={"sponsorTimePreviewEndButton" + this.idSuffix} + className="sponsorTimeEditButton" + onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey, true)}> + {chrome.i18n.getMessage("End")} + </span> + ): ""} + + {(!isNaN(segment[1]) && this.state.selectedActionType != ActionType.Full) ? ( + <span id={"sponsorTimeEditButton" + this.idSuffix} + className="sponsorTimeEditButton" + onClick={this.toggleEditTime.bind(this)}> + {this.state.editing ? chrome.i18n.getMessage("save") : chrome.i18n.getMessage("edit")} + </span> + ): ""} + </div> - {(!isNaN(segment[1]) && this.state.selectedActionType != ActionType.Full) ? ( - <span id={"sponsorTimeEditButton" + this.idSuffix} - className="sponsorTimeEditButton" - onClick={this.toggleEditTime.bind(this)}> - {this.state.editing ? chrome.i18n.getMessage("save") : chrome.i18n.getMessage("edit")} - </span> - ): ""} </div> ); } |