Pushed write new to side, spacing and details

rhizome.css

@@ -2,6 +2,8 @@
   font-family: roboto, 'Open Sans', sans-serif;
 }
 
+
+
 header{
   border: 1px solid black;
   -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
@@ -39,13 +41,22 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
   position: fixed !important;
   background-color: rgba(255,255,255,0.97);
   z-index: 1000 !important;
-  top: 10em;
-  width: 50%;
+  top: 47em;
+  left: 11em;
+  width: 20em !important;
   height: 15em;
   margin-left: -10em;
   resize: both;
   overflow: auto;
   overflow-x: hidden !important;
+  -webkit-transition: width 2s; /* Safari */
+    transition: width 2s;
+}
+
+#publisher_textarea_wrapper:hover, #publisher_textarea_wrapper.active{
+  width: 50em !important;
+  -webkit-transition: width 2s; /* Safari */
+    transition: width 2s;
 }
 
 #publisher_textarea_wrapper #button_container{
@@ -62,8 +73,8 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
 box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-  top: 15em;
-  right: 3em;
+  bottom: 3em;
+  left: 1em;
 }
 
 .options_and_submit .btn-primary{
@@ -91,7 +102,7 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
 }
 
 .col-md-9{
-  margin-top: 15em;
+  margin-top: 1em;
   box-sizing: border-box !important;
   padding-right: 5em !important;
   overflow-y: hidden !important;
@@ -106,6 +117,7 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
   padding-bottom: -3em !important;
   overflow: visible;
   padding-bottom: 3em !important;
+  background-color: white;
 }
 
 .stream-element, .reshare .media{
@@ -192,13 +204,19 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
 
 .stream-element .comment_stream .comments{
   margin-left: -6em;
+/*   margin-top: 7em; */
   box-sizing: border-box !important;
   width: 100%;
-  border-top: 1px dashed black !important;
+/*   border-top: 1px dashed black !important; */
   padding: 2em;
+  padding-top: 0em;
   max-width: 70em !important;
 }
 
+.comments .comment:first-of-type{
+  margin-top: 7em;
+}
+
 
 .comments .comment{
   max-width: 50em !important;
@@ -216,7 +234,14 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
   background-color: white;
   padding: 1em;
   z-index: 1000 !important;
-  
+  margin-top: 2em !important;
+  width: 20em;
+  margin-left: -8em !important;
+  position: absolute !important;
+  border: 1px solid black !important;
+  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
 }
 
 
@@ -403,6 +428,10 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
   color: #444;
 }
 
+.thumb{
+  margin-bottom: 3em;
+}
+
 #notification-dropdown ul{
   border: 1px solid black;
   -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
@@ -416,4 +445,25 @@ box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
   margin: 1em !important;
   margin-bottom: 1em !important;
   margin-top: 0em !important;
+  
+}
+
+.likes .comment, .reshares .comment{
+  border: 1px solid black;
+  padding: 0em 1em;
+  width: 10em;
+  height: 2em;
+  margin-bottom: 2em !important;
+  margin-left: -8em;
+  position: absolute;;
+  background-color: white;
+  -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
+box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
+}
+
+.reshares .comment{
+  margin-top: -.5em;
+  margin-left: 2.7em;
+  margin-bottom: 2em;
 }