@@ -166,7 +166,7 @@ Just start typing in the left panel.

 - ![Markdown icon](img/md.png) to download the text as **Markdown**

 - ![HTML icon](img/html5.png) to download the output as **HTML**

 - ![PDFicon](img/pdf.png) to download the output as **PDF**

-- Output filename prefix can be set in **output prefix**

+- Output filename prefix can be set in the textarea next to ![PDFicon](img/pdf.png)

 ### Privacy

@@ -190,11 +190,12 @@ Just start typing in the left panel.

 				<div class="bottom-bar hidden-when-fullscreen clearfix">

 					<div class="word-count"></div>

 				</div>

+        <div id="export-menu" style="position: absolute;margin-top: -20px;">

         <a href="#" id="downloadMD"><img src="img/md.png" width="24px" height="24px"></img></a>

         <a href="#" id="downloadHTML"><img src="img/html5.png" width="24px" height="24px"></img></a>

         <a href="#" id="downloadPDF" style="display: inline"><img src="img/pdf.png" width="24px" height="24px"></a>

-        <div style="display: inline;position: absolute;margin-top: 1px;margin-right: 2px;margin-left: 2px;">output prefix</div>

-        <textarea id="filename" rows="1" columns="32" style="resize: none;display: inline;position: absolute;margin-left: 82px;">myfile</textarea>

+        <textarea id="filename" rows="1" columns="32" style="resize: none;display: inline;position: relative;margin-left: 2px;">myfile</textarea>

+        </div>

         <hr>

 				<textarea id="html" class="full-height"></textarea>

 				<div id="preview" class="full-height"></div>