Improve submission box padding

This commit is contained in:
Ajay
2024-03-27 16:14:10 -04:00
parent de830cda48
commit e14b3c76f9

View File

@@ -272,48 +272,49 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
</div> </div>
): ""} ): ""}
<br/>
{/* Editing Tools */} {/* Editing Tools */}
<span id={"sponsorTimeDeleteButton" + this.idSuffix} <div style={{ marginTop: "3px" }}>
className="sponsorTimeEditButton" <span id={"sponsorTimeDeleteButton" + this.idSuffix}
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}
className="sponsorTimeEditButton" className="sponsorTimeEditButton"
onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey)}> onClick={this.deleteTime.bind(this)}>
{chrome.i18n.getMessage("preview")} {chrome.i18n.getMessage("delete")}
</span> </span>
): ""}
{(!isNaN(segment[1]) && this.state.selectedActionType != ActionType.Full) ? ( {(!isNaN(segment[1]) && ![ActionType.Poi, ActionType.Full].includes(this.state.selectedActionType))
<span id={"sponsorTimeInspectButton" + this.idSuffix} && this.state.selectedActionType !== ActionType.Chapter ? (
className="sponsorTimeEditButton" <span id={"sponsorTimePreviewButton" + this.idSuffix}
onClick={this.inspectTime.bind(this)}> className="sponsorTimeEditButton"
{chrome.i18n.getMessage("inspect")} onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey)}>
</span> {chrome.i18n.getMessage("preview")}
): ""} </span>
): ""}
{(!isNaN(segment[1]) && ![ActionType.Poi, ActionType.Full].includes(this.state.selectedActionType)) ? ( {(!isNaN(segment[1]) && this.state.selectedActionType != ActionType.Full) ? (
<span id={"sponsorTimePreviewEndButton" + this.idSuffix} <span id={"sponsorTimeInspectButton" + this.idSuffix}
className="sponsorTimeEditButton" className="sponsorTimeEditButton"
onClick={(e) => this.previewTime(e.ctrlKey, e.shiftKey, true)}> onClick={this.inspectTime.bind(this)}>
{chrome.i18n.getMessage("End")} {chrome.i18n.getMessage("inspect")}
</span> </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> </div>
); );
} }