Convert notes to use percentages instead of exact coordinates

- This allows for the note boxes to be easily resized
-- Now resizing the note container resizes all of the note boxes
-- The z-index and position values had to be adjusted for this
--- So that the note/preview boxes were still visible
--- So that the image was selectable with right clicks
- All of the inner box styles have been moved to the outer box
-- Now the inner box is only a container for the note body
- The always resize image option has been removed from user settings
-- The value still exists on the model for future rename/reuse
- The max width is set at 100% for responsive mode to fit the screen

app/javascript/src/styles/specific/posts.scss

@@ -341,6 +341,12 @@ div#c-posts {
       margin: 1em 0 0.5em;
     }
 
+    /* This ensures the image appears above the note container, but beneath any notes. */
+    #image {
+      position: relative;
+      z-index: 50;
+    }
+
     .pool-name, .search-name {
       word-wrap: break-word;
     }