Minor alterations half finished

css/core.css

@@ -17,7 +17,7 @@ html, body, #wrapper{
 }
 #input-textarea{
 	width: 90%;
-	height: 90%;
+	height: 87%;
 }
 #output-pre{
 	height: 90%;

index.html

@@ -34,8 +34,9 @@
         <div id="wrapper">
             <div id="input-div">
                 <h2 id="input-header">Input</h2>
-                <div>
-                    <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i> <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i>
+                <div id="input-buttons">
+                    <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i>
+                    <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i>
                     <i class="fas fa-h1"></i> <i class="fas fa-h2"></i> <i class="fas fa-h3"></i>
                 </div>
                 <textarea id="input-textarea" autocomplete="off" aria-labelledby="input-header"></textarea>

js/application.js

@@ -6,5 +6,10 @@ $(document).ready(function () {
 	$('#input-textarea').on('input propertychange', function () {
 		//console.log('Alteration!')
 		$('#output-pre').text($('#input-textarea').val());
-	})
+	});
+	var buttonList = ['bold', 'italic'];
+	var $inBtns = $('#input-buttons');
+	buttonList.forEach(item => {
+
+	});
 });
\ No newline at end of file