setting up bounds

style/_write.scss

@@ -1,6 +1,94 @@
 #write {
-	.ql-container {
-		font-family: 'Indie Flower', cursive;
-		font-size: 16px;
+	
+	height:100%;
+	
+	#editor_container {
+		
+		padding:1em;
+		height: calc(100% - 4em);
+		overflow: hidden;
+	
+		.ql-container {
+			font-family: 'Indie Flower', cursive;
+			font-size: 16px;
+			padding:0;
+		    overflow: hidden;
+			
+			.ql-editor {
+				padding:0;
+				height:auto;
+			}
+		}
 	}
+}
+
+
+
+
+/* Write - Editor */
+
+#write #editor div {
+	margin:0;
+}
+
+#write #editor p {
+	text-indent: 1.5em;
+	margin:1em 0 0 0;
+	padding:0;
+	text-align: justify;
+}
+
+#write .jqte_editor p:FIRST-CHILD, #write .jqte_toolbar {
+	margin-top:0.5em;
+}
+
+/* Write - Toolbar */
+
+#write #nav {
+	position:absolute;
+	bottom:0;
+	right:0;
+	left:0;
+	text-align: center;
+}
+
+#write .fa-prev, #write .page_nb, #write .fa-next {
+	color:#997E60;
+	font-size:1.5em;
+	margin:0 0 0.5em 0;
+	cursor:pointer;
+}
+#write .page_nb {
+	font-size: 1em;
+	vertical-align:0.25em;
+	cursor: default;
+	padding-left:0.5em;
+	padding-right:0.5em;
+}
+#write .fa-prev:hover, #write .fa-next:hover {
+	color:#584127;
+}
+#write .fa-prev.disabled, #write .fa-next.disabled,
+#write .fa-prev.disabled:hover, #write .fa-next.disabled:hover {
+	color:#EDE0D0;
+}
+
+/* Write - Placeholder */
+
+#write .jqte_placeholder_text {
+	top:1em;
+	left:0;
+	text-indent: 1.5em;
+}
+
+#write .jqte_focused .jqte_placeholder_text {
+	display:none;
+}
+
+/* Write - Feedback */
+
+#write_feedback {
+	position:absolute;
+	top: -1.5em;
+	right:0.5em;
 }