@ -3,8 +3,8 @@ section {
float: left;
display: inline-block;
width: 50%;
margin-top: 55px;
padding-top: 55px;
height: 95vh;
height: 100vh;
overflow: scroll;
overflow-x: hidden;
}
@ -12,11 +12,11 @@ section::-webkit-scrollbar {
display: none;
svg {
margin-top: 49px;
padding-top: 49px;
fill: #454752;
stroke-width: 1;
stroke: #454752;
height: 95.6vh;
/* Clock */
#timeBox {
@ -36,25 +36,29 @@ svg {
/* Feedback */
#feedbackContent {
background-color: #33353d;
width: 100%;
.feedback {
padding: 14vh 0 14vh 5%;
height: 100%;
vertical-align: top;
#feedbackOne {
border-right: #454752 4px solid;
.user {
min-width: 8rem;
width: 10rem;
.user h3 {
text-align: center;
.userImg {
width: 8rem;
height: 8rem;
margin-left: calc(50% - 4rem);
margin-bottom: 2rem;
.userFeedback {
@ -80,9 +80,9 @@
</div><div class="feedback">
<div class="user">
<img src="/resources/img/user.png" alt="" class="userImg">
<h3>Sam Taen</h3>
<h3>User</h3>
</div>
<h2 class="userFeedback">adkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdkla</h2>
<h2 class="userFeedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a risus eu ex sagittis interdum ac ac odio. Proin eleifend turpis a aliquam.</h2>
@ -41,7 +41,7 @@
#addShortcutMenu {
z-index: 2;
border-radius: 1rem;
border-radius: .75rem;
position: absolute;
left: calc(50% - 25rem);
height: 27rem;