diff --git a/src/main/resources/public/css/conference.css b/src/main/resources/public/css/conference.css index 27d9c5d..0722a19 100644 --- a/src/main/resources/public/css/conference.css +++ b/src/main/resources/public/css/conference.css @@ -105,6 +105,7 @@ .deadline { margin: 0; + height: 40px; } .deadline-text { @@ -145,12 +146,18 @@ height: 38px; padding: 2px; cursor: pointer; + } .icon-delete { background-color: #f44; } +.icon-delete:hover { + background-color: #ff2929; + transition: background-color .15s ease-in-out; +} + .icon-paper { height: 26px; width: 26px; @@ -166,15 +173,46 @@ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } -#add-paper { - margin-left: 10px; -} - #cancel-button { position: relative; font-size: 1rem; } -@media (min-width: 768px) { - +.paper-control button{ + margin: 0 0 10px 10px; + float: right; +} + +@media (max-width: 1199px) { + .paper-control { + display: block!important; + } +} + +@media (max-width: 991px) { + .dates-panel { + display: block!important; + } + + .date { + margin-bottom: 10px; + } +} + +@media (max-width: 768px) { + .dashboard-elements { + position: relative!important; + display: block!important; + height: 100px; + } + + .dashboard-left { + position: relative; + top: 58px; + } + + .dashboard-right { + position: relative; + top: -39px; + } } diff --git a/src/main/resources/templates/conferences/conference.html b/src/main/resources/templates/conferences/conference.html index 0f2cf66..9b3f322 100644 --- a/src/main/resources/templates/conferences/conference.html +++ b/src/main/resources/templates/conferences/conference.html @@ -18,9 +18,9 @@