css formatting

priv/css/calendar.css

@@ -5,15 +5,15 @@
  * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
  */
 
-.pika-single {
-    z-index: 9999;
-    display: block;
-    position: relative;
-    color: #333;
-    background: #fff;
-    border: 1px solid #ccc;
-    border-bottom-color: #bbb;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+.pika-single{
+  z-index:9999;
+  display:block;
+  position:relative;
+  color:#333;
+  background:#fff;
+  border:1px solid #ccc;
+  border-bottom-color:#bbb;
+  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 /*
@@ -21,201 +21,201 @@ clear child float (pika-lendar), using the famous micro clearfix hack
 http://nicolasgallagher.com/micro-clearfix-hack/
 */
 .pika-single:before,
-.pika-single:after {
-    content: " ";
-    display: table;
+.pika-single:after{
+  content:" ";
+  display:table;
 }
-.pika-single:after { clear: both }
-.pika-single { *zoom: 1 }
+.pika-single:after{ clear:both }
+.pika-single{ *zoom:1 }
 
-.pika-single.is-hidden {
-    display: none;
+.pika-single.is-hidden{
+  display:none;
 }
 
-.pika-single.is-bound {
-    position: absolute;
-    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
+.pika-single.is-bound{
+  position:absolute;
+  box-shadow:0 5px 15px -5px rgba(0,0,0,.5);
 }
 
-.pika-lendar {
-    float: left;
-    width: 240px;
-    margin: 8px;
+.pika-lendar{
+  float:left;
+  width:240px;
+  margin:8px;
 }
 
-.pika-title {
-    position: relative;
-    text-align: center;
+.pika-title{
+  position:relative;
+  text-align:center;
 }
 
-.pika-label {
-    display: inline-block;
-    *display: inline;
-    position: relative;
-    z-index: 9999;
-    overflow: hidden;
-    margin: 0;
-    padding: 5px 3px;
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: bold;
-    background-color: #fff;
+.pika-label{
+  display:inline-block;
+  *display:inline;
+  position:relative;
+  z-index:9999;
+  overflow:hidden;
+  margin:0;
+  padding:5px 3px;
+  font-size:14px;
+  line-height:20px;
+  font-weight:bold;
+  background-color:#fff;
 }
-.pika-title select {
-    cursor: pointer;
-    position: absolute;
-    z-index: 9998;
-    margin: 0;
-    left: 0;
-    top: 5px;
-    filter: alpha(opacity=0);
-    opacity: 0;
+.pika-title select{
+  cursor:pointer;
+  position:absolute;
+  z-index:9998;
+  margin:0;
+  left:0;
+  top:5px;
+  filter:alpha(opacity=0);
+  opacity:0;
 }
 
 .pika-prev,
-.pika-next {
-    display: block;
-    cursor: pointer;
-    position: relative;
-    outline: none;
-    border: 0;
-    padding: 0;
-    width: 20px;
-    height: 30px;
-    /* hide text using text-indent trick, using width value (it's enough) */
-    text-indent: 20px;
-    white-space: nowrap;
-    overflow: hidden;
-    background-color: transparent;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 75% 75%;
-    opacity: .5;
-    *position: absolute;
-    *top: 0;
+.pika-next{
+  display:block;
+  cursor:pointer;
+  position:relative;
+  outline:none;
+  border:0;
+  padding:0;
+  width:20px;
+  height:30px;
+  /* hide text using text-indent trick, using width value (it's enough) */
+  text-indent:20px;
+  white-space:nowrap;
+  overflow:hidden;
+  background-color:transparent;
+  background-position:center center;
+  background-repeat:no-repeat;
+  background-size:75% 75%;
+  opacity:.5;
+  *position:absolute;
+  *top:0;
 }
 
 .pika-prev:hover,
-.pika-next:hover {
-    opacity: 1;
+.pika-next:hover{
+  opacity:1;
 }
 
 .pika-prev,
-.is-rtl .pika-next {
-    float: left;
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
-    *left: 0;
+.is-rtl .pika-next{
+  float:left;
+  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
+  *left:0;
 }
 
 .pika-next,
-.is-rtl .pika-prev {
-    float: right;
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
-    *right: 0;
+.is-rtl .pika-prev{
+  float:right;
+  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
+  *right:0;
 }
 
 .pika-prev.is-disabled,
-.pika-next.is-disabled {
-    cursor: default;
-    opacity: .2;
+.pika-next.is-disabled{
+  cursor:default;
+  opacity:.2;
 }
 
-.pika-select {
-    display: inline-block;
-    *display: inline;
+.pika-select{
+  display:inline-block;
+  *display:inline;
 }
 
-.pika-table {
-    width: 100%;
-    border-collapse: collapse;
-    border-spacing: 0;
-    border: 0;
+.pika-table{
+  width:100%;
+  border-collapse:collapse;
+  border-spacing:0;
+  border:0;
 }
 
 .pika-table th,
-.pika-table td {
-    width: 14.285714285714286%;
-    padding: 0;
+.pika-table td{
+  width:14.285714285714286%;
+  padding:0;
 }
 
-.pika-table th {
-    color: #999;
-    font-size: 12px;
-    line-height: 25px;
-    font-weight: bold;
-    text-align: center;
+.pika-table th{
+  color:#999;
+  font-size:12px;
+  line-height:25px;
+  font-weight:bold;
+  text-align:center;
 }
 
-.pika-button {
-    cursor: pointer;
-    display: block;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    outline: none;
-    border: 0;
-    margin: 0;
-    width: 100%;
-    padding: 5px;
-    color: #666;
-    font-size: 12px;
-    line-height: 15px;
-    text-align: right;
-    background: #f5f5f5;
+.pika-button{
+  cursor:pointer;
+  display:block;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  outline:none;
+  border:0;
+  margin:0;
+  width:100%;
+  padding:5px;
+  color:#666;
+  font-size:12px;
+  line-height:15px;
+  text-align:right;
+  background:#f5f5f5;
 }
 
-.pika-week {
-    font-size: 11px;
-    color: #999;
+.pika-week{
+  font-size:11px;
+  color:#999;
 }
 
-.is-today .pika-button {
-    color: #33aaff;
-    font-weight: bold;
+.is-today .pika-button{
+  color:#33aaff;
+  font-weight:bold;
 }
 
-.is-selected .pika-button {
-    color: #fff;
-    font-weight: bold;
-    background: #33aaff;
-    box-shadow: inset 0 1px 3px #178fe5;
-    border-radius: 3px;
+.is-selected .pika-button{
+  color:#fff;
+  font-weight:bold;
+  background:#33aaff;
+  box-shadow:inset 0 1px 3px #178fe5;
+  border-radius:3px;
 }
 
-.is-inrange .pika-button {
-    background: #D5E9F7;
+.is-inrange .pika-button{
+  background:#D5E9F7;
 }
 
-.is-startrange .pika-button {
-    color: #fff;
-    background: #6CB31D;
-    box-shadow: none;
-    border-radius: 3px;
+.is-startrange .pika-button{
+  color:#fff;
+  background:#6CB31D;
+  box-shadow:none;
+  border-radius:3px;
 }
 
-.is-endrange .pika-button {
-    color: #fff;
-    background: #33aaff;
-    box-shadow: none;
-    border-radius: 3px;
+.is-endrange .pika-button{
+  color:#fff;
+  background:#33aaff;
+  box-shadow:none;
+  border-radius:3px;
 }
 
-.is-disabled .pika-button {
-    pointer-events: none;
-    cursor: default;
-    color: #999;
-    opacity: .3;
+.is-disabled .pika-button{
+  pointer-events:none;
+  cursor:default;
+  color:#999;
+  opacity:.3;
 }
 
-.pika-button:hover {
-    color: #fff;
-    background: #ff8000;
-    box-shadow: none;
-    border-radius: 3px;
+.pika-button:hover{
+  color:#fff;
+  background:#ff8000;
+  box-shadow:none;
+  border-radius:3px;
 }
 
 /* styling for abbr */
-.pika-table abbr {
-    border-bottom: none;
-    cursor: help;
+.pika-table abbr{
+  border-bottom:none;
+  cursor:help;
 }
 

priv/css/sortable.css

@@ -1,106 +1,108 @@
 
-body {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: transparent;
+body{
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale;
+  -webkit-tap-highlight-color:transparent;
 }
 
-* {
-  box-sizing: border-box;
+*{
+  box-sizing:border-box;
 }
 
-.title {
-  font-weight: 500;
-  text-align: center;
-  margin-bottom: 20px;
-  font-size: 20px;
-  color: #0E254E;
+.title{
+  font-weight:500;
+  text-align:center;
+  margin-bottom:20px;
+  font-size:20px;
+  color:#0E254E;
 }
 
-.list {
-  margin: 0 auto;
-  width: 100%;
-  max-width: 380px;
-  user-select: none;
-}
-.list__item {
-  transition: box-shadow 200ms ease-out, opacity 200ms ease-out;
-  border-radius: 6px;
-  background: #fff;
-  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
-  display: flex;
-}
-.list__item:not(:last-child) {
-  margin-bottom: 7px;
-}
-.list__item.is-dragging {
-  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
-  opacity: 0.8;
-}
-.list__item-content {
-  width: calc(100% - 40px - 40px);
-  padding: 10px 15px;
-}
-.list__item-title, .list__item-description {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.list__item-title {
-  font-size: 15px;
-  color: #0E254E;
-}
-.list__item-description {
-  font-size: 13px;
-  color: #66748E;
-}
-.list__item-handle {
-  position: relative;
-  width: 40px;
-  cursor: pointer;
-}
-.list__item-handle:before, .list__item-handle:after {
-  content: "";
-  position: absolute;
-  left: 15px;
-  right: 15px;
-  top: 50%;
-  height: 1px;
-  background: #c2cada;
-}
-.list__item-handle:before {
-  transform: translateY(-4px);
-}
-.list__item-handle:after {
-  transform: translateY(4px);
+.list{
+  margin:0 auto;
+  width:100%;
+  max-width:380px;
+  user-select:none;
+}
+.list__item{
+  transition:box-shadow 200ms ease-out, opacity 200ms ease-out;
+  border-radius:6px;
+  background:#fff;
+  box-shadow:0 0 12px rgba(0, 0, 0, 0.05);
+  display:flex;
+}
+.list__item:not(:last-child){
+  margin-bottom:7px;
+}
+.list__item.is-dragging{
+  box-shadow:0 0 24px rgba(0, 0, 0, 0.1);
+  opacity:0.8;
+}
+.list__item-content{
+  width:calc(100% - 40px - 40px);
+  padding:10px 15px;
+}
+.list__item-title,
+.list__item-description{
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  overflow:hidden;
+}
+.list__item-title{
+  font-size:15px;
+  color:#0E254E;
+}
+.list__item-description{
+  font-size:13px;
+  color:#66748E;
+}
+.list__item-handle{
+  position:relative;
+  width:40px;
+  cursor:pointer;
+}
+.list__item-handle:before,
+.list__item-handle:after{
+  content:"";
+  position:absolute;
+  left:15px;
+  right:15px;
+  top:50%;
+  height:1px;
+  background:#c2cada;
+}
+.list__item-handle:before{
+  transform:translateY(-4px);
+}
+.list__item-handle:after{
+  transform:translateY(4px);
 }
 
-.list__item-close {
-  position: relative;
-  width: 40px;
-  cursor: pointer;
-}
-.list__item-close:after {
-  content: "X";
-  position: absolute;
-  left: 15px;
-  right: 15px;
-  top: 30%;
-  height: 0px;
-  background: #c2cada;
-}
-.list__item-close:after {
-  transform: translateY(0px);
+.list__item-close{
+  position:relative;
+  width:40px;
+  cursor:pointer;
+}
+.list__item-close:after{
+  content:"X";
+  position:absolute;
+  left:15px;
+  right:15px;
+  top:30%;
+  height:0px;
+  background:#c2cada;
+}
+.list__item-close:after{
+  transform:translateY(0px);
 }
 
-.list__item-close:hover {
-  background-color: #f44336;
-  color: white;
+.list__item-close:hover{
+  background-color:#f44336;
+  color:white;
 }
 
 .triangle{
-  position: absolute;
-  top: 1px;
-  right: 5px;
-  cursor: default;
-}
+  position:absolute;
+  top:1px;
+  right:5px;
+  cursor:default;
+}