diff --git a/src/mol-plugin/skin/base/components/temp.scss b/src/mol-plugin/skin/base/components/temp.scss index 7dbe81f208e5a833b4044c24fb773f2b55f84a31..84624ff7e3e050ed85c8ed67f911b260419f572c 100644 --- a/src/mol-plugin/skin/base/components/temp.scss +++ b/src/mol-plugin/skin/base/components/temp.scss @@ -9,6 +9,9 @@ text-align: center; font-weight: bold; background: $default-background; + // border-right: $control-spacing solid $entity-color-Group; // TODO separate color + border-top: 1px solid $entity-color-Group; // TODO separate color + // border-bottom: 1px solid $entity-color-Group; // TODO separate color } .msp-btn-row-group { diff --git a/src/mol-plugin/skin/base/components/transformer.scss b/src/mol-plugin/skin/base/components/transformer.scss index cf4c5ff797bbe54ad284791e141e41d9caaad4cf..aca44d435bbafbec2138e5da13b8974509273875 100644 --- a/src/mol-plugin/skin/base/components/transformer.scss +++ b/src/mol-plugin/skin/base/components/transformer.scss @@ -44,6 +44,7 @@ .msp-transform-header { position: relative; + border-top: 1px solid $entity-color-Behaviour; // TODO: separate color > button { text-align: left; diff --git a/src/mol-plugin/ui/state.tsx b/src/mol-plugin/ui/state.tsx index d22304a0aeec92b8540b2c4b6090886977947513..e6b11dcfc397c91fa2599ce269a5ef716f4cd70d 100644 --- a/src/mol-plugin/ui/state.tsx +++ b/src/mol-plugin/ui/state.tsx @@ -148,7 +148,7 @@ class RemoteStateSnapshotList extends PluginComponent<{ serverUrl: string }, { e render() { return <div> - <button title='Click to Refresh' style={{fontWeight: 'bold'}} className='msp-btn msp-btn-block msp-form-control' onClick={this.refresh} disabled={this.state.isFetching}>↻ Remote Snapshots</button> + <button title='Click to Refresh' style={{fontWeight: 'bold'}} className='msp-btn msp-btn-block msp-form-control msp-section-header' onClick={this.refresh} disabled={this.state.isFetching}>↻ Remote Snapshots</button> <ul style={{ listStyle: 'none' }} className='msp-state-list'> {this.state.entries.valueSeq().map(e =><li key={e!.id}>