css adjusting annotations so nothing moves when editing

browser/css/dark.css

@@ -1639,13 +1639,16 @@ table.log textarea {
 .patient_info_text {
   margin-bottom: 5px;
 }
+.patient_info {
+  margin-bottom: 45px;
+}
 textarea#edit_value {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  width: 100%;
+  position: fixed;
+  width: 470px;
   min-height: 45px;
-  margin-bottom: -32px;
 }
 #top_info {
   display: inline-flex;
@@ -1660,9 +1663,6 @@ textarea#edit_value {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-.locus_line {
-  margin-top: 44px;
-}
 .inline-block_10 {
   display: inline-block;
   width: 10%;

browser/css/light.css

@@ -1639,13 +1639,16 @@ table.log textarea {
 .patient_info_text {
   margin-bottom: 5px;
 }
+.patient_info {
+  margin-bottom: 45px;
+}
 textarea#edit_value {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  width: 100%;
+  position: fixed;
+  width: 470px;
   min-height: 45px;
-  margin-bottom: -32px;
 }
 #top_info {
   display: inline-flex;
@@ -1660,9 +1663,6 @@ textarea#edit_value {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-.locus_line {
-  margin-top: 44px;
-}
 .inline-block_10 {
   display: inline-block;
   width: 10%;

browser/css/vidjil.less

@@ -1864,14 +1864,19 @@ flex-grow : 1;
     margin-bottom: 5px;
 }
 
+.patient_info {
+    margin-bottom: 45px;
+       margin-bottom: 45px;
+}
+
 textarea#edit_value {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     //display:block;
-    width: 100%;
+    position: fixed;
+    width: @width_left_container - 5px;
     min-height: 45px;
-    margin-bottom: -@infoContainerHeight;
 }
 
 #top_info {
@@ -1890,10 +1895,6 @@ textarea#edit_value {
     margin-bottom: 5px;
 }
 
-.locus_line {
-    margin-top: @infoContainerHeight + @locusSpacingMargin;
-}
-
 .inline-block_10 {
     display: inline-block;
     width: 10%;