From 40f08c39a56ab74dd66cb96fec7f5bf8c30679a9 Mon Sep 17 00:00:00 2001
From: Sanj <b@pad.ma>
Date: Thu, 22 Dec 2011 18:15:22 +0530
Subject: [PATCH] replace line-breaks + css

---
 css/radia.css | 1 +
 js/radia.js   | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/css/radia.css b/css/radia.css
index 16a29f2..cf07818 100644
--- a/css/radia.css
+++ b/css/radia.css
@@ -3,6 +3,7 @@ body {
     color: #ccc;
     width: 100%;
     font-size: 14px;
+    font-family: "DejaVu Sans", Arial, sans-serif;
 }
 
 .container {
diff --git a/js/radia.js b/js/radia.js
index 9efa650..02e04e4 100644
--- a/js/radia.js
+++ b/js/radia.js
@@ -20,7 +20,7 @@ $(function() {
             var $srtBtn = $('<button />').addClass("srtBtn").text("View SRT").data("fmt", "srt").appendTo($btnsContainer);
             var $tcBtn = $('<button />').addClass("srtBtn").text("View Time-coded Text").data("fmt", "tc").appendTo($btnsContainer);
             var $txtBtn = $('<button />').addClass("srtBtn").text("View Plain Text").data("fmt", "txt").appendTo($btnsContainer);
-            var $srt = $('<pre />').addClass('srt').html(txt).appendTo($txtContainer);
+            var $srt = $('<div />').addClass('srt').html(txt.replace(/\n/g, "<br />")).appendTo($txtContainer);
             $txtContainer.appendTo($parent).slideDown();
         });
     });
@@ -36,6 +36,7 @@ $('.srtBtn').live("click", function() {
     var fmt = $(this).data("fmt");
     var srt = $(this).parents(".srtContainer").data("srt");
     var txt = srtToTxt(srt, fmt);
+    txt = txt.replace(/\n/g, "<br />");
     $(this).parents(".srtContainer").find(".srt").html(txt);
 });