common.css

@import url(https://fonts.googleapis.com/css?family=Raleway:400,300);#app,body,html{height:100%}body{margin:0;padding:0;border:0;max-height:100%;position:relative}#note{height:100%}#toolbar{float:left;width:80px;height:100%;background-color:#30414d;color:#767676;padding:35px 25px 25px}#toolbar i{font-size:30px;margin-bottom:35px;cursor:pointer;opacity:.8;transition:opacity .5s ease}#toolbar i:hover{opacity:1}.starred{color:#f7ae4f}#notes-list{float:left;width:300px;height:100%;background-color:#f5f5f5;font-family:Raleway,sans-serif;font-weight:400}#list-header{padding:5px 25px 25px}#list-header h2{font-weight:300;text-transform:uppercase;text-align:center;font-size:22px;padding-bottom:8px}#notes-list .container{height:calc(100% - 137px);max-height:calc(100% - 137px);overflow:auto;width:100%;padding:0}#notes-list .container .list-group-item{border:0;border-radius:0}.list-group-item-heading{font-weight:300;font-size:15px}#note-editor{height:100%;margin-left:380px}#note-editor textarea{height:100%;border:0;border-radius:0}