css: limit width of <p> and <li> to 800px

Long lines streching across the entire screen are hard to read on wide
screens. 800px should be a good compromise

Signed-off-by: Florian Pritz <bluewind@xinu.at>

8 files changed, 19 insertions, 7 deletions

diff --git a/application/views/file/delete_form.php b/application/views/file/delete_form.php
index 4a5cc0566..9e4562081 100644
--- a/application/views/file/delete_form.php
+++ b/application/views/file/delete_form.php
@@ -1,4 +1,4 @@
-<div style="text-align:center">
+<div class="center">
   <?php echo form_open('file/delete/'.$id); ?>
 			<?php if(isset($msg)) echo "<p>".$msg."</p>"; ?>
 			<?php if($filedata): ?>
diff --git a/application/views/file/deleted.php b/application/views/file/deleted.php
index 865b5304a..f12433808 100644
--- a/application/views/file/deleted.php
+++ b/application/views/file/deleted.php
@@ -1,3 +1,3 @@
-<div style="text-align:center">
+<div class="center">
 	<p><?php echo $id; ?> has been deleted.</p>
 </div>
diff --git a/application/views/file/non_existent.php b/application/views/file/non_existent.php
index 9f4a79913..13d8c6950 100644
--- a/application/views/file/non_existent.php
+++ b/application/views/file/non_existent.php
@@ -1,3 +1,3 @@
-<div style="text-align:center">
+<div class="center">
   <p>I'm sorry, but the requested file doesn't exist.</p>
 </div>
diff --git a/application/views/file/show_url.php b/application/views/file/show_url.php
index e0e3dc8a6..3c08ed952 100644
--- a/application/views/file/show_url.php
+++ b/application/views/file/show_url.php
@@ -1,4 +1,4 @@
-<div style="text-align:center">
+<div class="center">
   <p>
     You can get your file here:<br />
     <a href="<?php echo $url; ?>"><?php echo $url; ?></a><br />
diff --git a/application/views/file/too_big.php b/application/views/file/too_big.php
index aa5c42835..5b970a4c8 100644
--- a/application/views/file/too_big.php
+++ b/application/views/file/too_big.php
@@ -1,3 +1,3 @@
-<div style="text-align:center">
+<div class="center">
   <p>Sorry, the file you uploaded is too big.</p>
 </div>
diff --git a/application/views/file/upload_error.php b/application/views/file/upload_error.php
index 9df86b8a8..83968eec2 100644
--- a/application/views/file/upload_error.php
+++ b/application/views/file/upload_error.php
@@ -1,4 +1,4 @@
-<div style="text-align:center">
+<div class="center">
   <p>
     An error occurred while uploading.<br />
 		<?php echo $msg; ?>
diff --git a/application/views/file/upload_form.php b/application/views/file/upload_form.php
index 0d9bba998..a0805013d 100644
--- a/application/views/file/upload_form.php
+++ b/application/views/file/upload_form.php
@@ -1,5 +1,5 @@
 <? if ($username) { ?>
-<div style="margin-top: 100px; text-align:center">
+<div class="center">
   <?php echo form_open_multipart('file/do_upload'); ?>
     <p>
       File: <input type="file" id="file" name="file" size="30" />
diff --git a/data/default.css b/data/default.css
index 4774a6a29..399ca1410 100644
--- a/data/default.css
+++ b/data/default.css
@@ -21,6 +21,18 @@ body {
 	padding: 0;
 }
 
+p, li {
+	max-width: 800px;
+}
+
+.center {
+	text-align: center;
+	margin-top: 100px;
+}
+.center p {
+	max-width: 100%;
+}
+
 .clearer {
 	clear: both;
 	font-size: 0;