|
@@ -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);
|
|
|
+ }
|
|
|
+}
|