27-11 #1

css.css

@@ -3,8 +3,8 @@ section {
   float: left;
   display: inline-block;
   width: 50%;
-  margin-top: 55px;
-  height: 95vh;
+  padding-top: 55px;
+  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;
+  height: 100vh;
 }
 /* Clock */
 #timeBox {
@@ -36,25 +36,29 @@ svg {
 /* Feedback */
 #feedbackContent {
   background-color: #33353d;
+  float: left;
   width: 100%;
 }
 .feedback {
   display: inline-block;
   padding: 14vh 0 14vh 5%;
   width: 50%;
-  height: 100%;
+  vertical-align: top;
 }
 #feedbackOne {
   border-right: #454752 4px solid;
 }
 .user {
   display: inline-block;
-  height: 100%;
-  width: 10rem;
+  min-width: 8rem;
+}
+.user h3 {
+  text-align: center;
 }
 .userImg {
   width: 8rem;
   height: 8rem;
+  margin-left: calc(50% - 4rem);
   margin-bottom: 2rem;
 }
 .userFeedback {

index.html

@@ -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>
 		</div>
 	</div>
 

resources/css/shortcuts.css

@@ -41,7 +41,7 @@
 #addShortcutMenu {
   display: inline-block;
   z-index: 2;
-  border-radius: 1rem;
+  border-radius: .75rem;
   position: absolute;
   left: calc(50% - 25rem);
   height: 27rem;