css

static/css/main.css

@@ -10,7 +10,7 @@ body{
 
 
 .main-column-left {
-  padding: 2em 1em;
+  padding: 1.7em 0em;
   float: left;
   width: 50%;
   background: red;
@@ -74,6 +74,12 @@ a.librarian-names:hover, a.file-names:hover {
   color: white;
 }
 
+#listofpeople{
+  border: lime 1px solid;
+  position: fixed;
+  width: 50%;
+  padding: 0em;
+}
 
 .file-names-container {
   /* IE 9 */
@@ -81,7 +87,15 @@ a.librarian-names:hover, a.file-names:hover {
   /* Safari */
   -webkit-transform: rotate(-90deg) translate(-78%, 0%);
   /* Standard syntax */
-  transform: rotate(-90deg) translate(-80%, 0%);
+  transform: rotate(-90deg) translate(-0%, 0%);
   transform-origin: top left;
+  border:blue 1px solid;
+  height: 47em;
+width: 30em;
+overflow-y: scroll;
+overflow-x: hidden;
+position: absolute;
+left: 0%;
+top:100%;
 
 }