diff options
| author | Shin'ya Ueoka <ueokande@i-beam.org> | 2017-11-26 16:41:34 +0900 |
|---|---|---|
| committer | Shin'ya Ueoka <ueokande@i-beam.org> | 2017-11-26 16:41:34 +0900 |
| commit | 26777d9e309dbc328b59581adb92f160c18f812c (patch) | |
| tree | 1668a558352b30092a5c969182043171a9c7a2bc /src/settings/components/ui | |
| parent | 705c47bc6379a8d1fea4f775a6af98c97d4eab81 (diff) | |
fix form css
Diffstat (limited to 'src/settings/components/ui')
| -rw-r--r-- | src/settings/components/ui/add-button.jsx | 2 | ||||
| -rw-r--r-- | src/settings/components/ui/add-button.scss | 12 | ||||
| -rw-r--r-- | src/settings/components/ui/delete-button.scss | 1 | ||||
| -rw-r--r-- | src/settings/components/ui/input.scss | 3 |
4 files changed, 15 insertions, 3 deletions
diff --git a/src/settings/components/ui/add-button.jsx b/src/settings/components/ui/add-button.jsx index c8d8856..79292d8 100644 --- a/src/settings/components/ui/add-button.jsx +++ b/src/settings/components/ui/add-button.jsx @@ -4,7 +4,7 @@ import { h, Component } from 'preact'; class AddButton extends Component { render() { return <input - className='ui-add-button' type='button' value='Add' + className='ui-add-button' type='button' value='✚' {...this.props} />; } } diff --git a/src/settings/components/ui/add-button.scss b/src/settings/components/ui/add-button.scss index 1c893ae..beb5688 100644 --- a/src/settings/components/ui/add-button.scss +++ b/src/settings/components/ui/add-button.scss @@ -1,3 +1,13 @@ .ui-add-button { - font-size: 80% + border: none; + padding: 4; + display: inline; + background: none; + font-weight: bold; + color: green; + cursor: pointer; + + &:hover { + color: darkgreen; + } } diff --git a/src/settings/components/ui/delete-button.scss b/src/settings/components/ui/delete-button.scss index 7aa2f39..5932a72 100644 --- a/src/settings/components/ui/delete-button.scss +++ b/src/settings/components/ui/delete-button.scss @@ -5,6 +5,7 @@ display: inline; background: none; color: red; + cursor: pointer; &:hover { color: darkred; diff --git a/src/settings/components/ui/input.scss b/src/settings/components/ui/input.scss index 92df712..ad4daf8 100644 --- a/src/settings/components/ui/input.scss +++ b/src/settings/components/ui/input.scss @@ -11,8 +11,9 @@ display: inline-block; } - input { + input[type='text'] { padding: 4px; + width: 8rem; } input.input-crror, |