diff --git a/assets/stylesheets/wizard/wizard_custom.scss b/assets/stylesheets/wizard/wizard_custom.scss index c742528b..8df18f98 100644 --- a/assets/stylesheets/wizard/wizard_custom.scss +++ b/assets/stylesheets/wizard/wizard_custom.scss @@ -102,11 +102,17 @@ padding: 6px 12px; cursor: pointer; background-color: #fff; + display: flex; &:hover, &.selected { background-color: #eee; } + label { + flex: 1 1 auto; + cursor: pointer; + } + i { margin-right: 5px; } @@ -126,3 +132,31 @@ color: #919191; } } + +.spinner { + margin: 20px auto 20px auto; + position: relative; + -webkit-animation: rotate-forever 1s infinite linear; + animation: rotate-forever 1s infinite linear; + height: 30px; + width: 30px; + border: 4px solid #ccc; + border-right-color: transparent; + border-radius: 50%; + + &.small { + width: 10px; + height: 10px; + margin: 0; + display: inline-block; + } +} + +@keyframes rotate-forever { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +}