diff options
Diffstat (limited to 'src/client/views/PropertiesView.tsx')
| -rw-r--r-- | src/client/views/PropertiesView.tsx | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx index 334a44b3b..b5bae6652 100644 --- a/src/client/views/PropertiesView.tsx +++ b/src/client/views/PropertiesView.tsx @@ -1111,25 +1111,25 @@ export class PropertiesView extends React.Component<PropertiesViewProps> { <div className="propertiesView-title"> Linking </div> - <div className="properties-grid col propertiesView-textInfo"> - Information - <div className="row" id="propertiesView-label"> + <div className="propertiesView-section"> + <p className="propertiesView-label">Information</p> + <div className="propertiesView-input first" id="propertiesView-label"> <p>Label</p> - <input type="text" /> + <input className="text" type="text" /> </div> - <div className="row" id="propertiesView-category"> - <p>Label</p> - <input type="text" /> + <div className="propertiesView-input" id="propertiesView-category"> + <p>Category</p> + <input className="text" type="text" /> </div> - <div className="row" id="propertiesView-description"> + <div className="propertiesView-input" id="propertiesView-description"> <p>Description</p> - <input type="text" /> + <input className="text" type="text" /> </div> </div> - <div className="propertiesView-behavior"> - Behavior - <div id="propertiesView-follow"> - Follow + <div className="propertiesView-section"> + <p className="propertiesView-label">Behavior</p> + <div className="propertiesView-input inline first" id="propertiesView-follow"> + <p>Follow</p> <select name="selectList" id="selectList"> <option value="default">Default</option> <option value="newLeft">Open in new left pane</option> @@ -1140,22 +1140,22 @@ export class PropertiesView extends React.Component<PropertiesViewProps> { <option value="openTab">Open in new tab</option> </select> </div> - <div id="propertiesView-anchor"> - Auto-move anchor + <div className="propertiesView-input inline" id="propertiesView-anchor"> + <p>Auto-move anchor</p> <button - style={{ backgroundColor: this.selectedDoc.anchor ? 'blue' : 'white', width: 50, height: 50 }} + style={{ backgroundColor: this.selectedDoc.anchor ? 'blue' : 'white', width: '2rem', height: '2rem' }} onClick={this.toggleAnchor} /> </div> - <div id="propertiesView-arrow"> - Auto-move arrow + <div className="propertiesView-input inline" id="propertiesView-arrow"> + <p>Auto-move arrow</p> <button - style={{ backgroundColor: this.selectedDoc.arrow ? 'blue' : 'white', width: 50, height: 50 }} + style={{ backgroundColor: this.selectedDoc.arrow ? 'blue' : 'white', width: '2rem', height: '2rem' }} onClick={this.toggleArrow} /> </div> </div> - </div>; + </div >; } if (this.selectedDoc && !this.isPres) { return <div className="propertiesView" style={{ |