From 60c5b44a85e3f87c4593a8b531e6c17b7fb98b98 Mon Sep 17 00:00:00 2001
From: cflem <carson.fl3ming@gmail.com>
Date: Thu, 29 Dec 2016 22:15:18 -0700
Subject: Style ads.php (II)

---
 dash/ads.php      |  2 +-
 dash/css/dash.css | 48 +++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/dash/ads.php b/dash/ads.php
index df209f0..461d129 100644
--- a/dash/ads.php
+++ b/dash/ads.php
@@ -20,7 +20,6 @@ $row = $result->fetch_assoc();
           <p><?=htmlentities($row['description']);?></p>
         </div>
         <div id="fjfooter">
-          <h4>Respond to this Ad</h4>
           <div id="fjfleft">
 <?php
 if (is_null($row['picture']))
@@ -37,6 +36,7 @@ else
 ?>
           </div>
           <div id="fjfright">
+            <h4>Respond to this Ad</h4>
             <p id="eemail"><a href="mailto:<?=htmlentities($row['email']);?>"><?=htmlentities($row['email']);?></a></p>
 <?php
 $phonelink = '+'.preg_replace('/[^0-9]/', '', $row['phone']);
diff --git a/dash/css/dash.css b/dash/css/dash.css
index de83447..2e10f4f 100644
--- a/dash/css/dash.css
+++ b/dash/css/dash.css
@@ -159,18 +159,60 @@ body {
   cursor: pointer;
 }
 #fulljob {
-  margin: 2em auto 2em auto;
+  margin: 2em auto 1em auto;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 50%;
-  height: 90%;
+  height: calc(100% - 5em);
   padding: 1em;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
   border-radius: 3px;
   background-color: #ffffff;
-  overflow-y: hidden;
+  overflow-y: auto;
   
 }
+#fjheader {
+  text-align: center;
+  margin-bottom: 1em;
+}
+#fjheader p, #fjheader h3 {
+  margin: 0;
+}
+#fjbody {
+  border-top: 1px solid #eeeeee;
+  border-bottom: 1px solid #eeeeee;
+  text-align: center;
+}
+#fjfooter {
+  margin-top: 1em;
+}
+#fjfooter p, #fjfooter h4 {
+  margin: 0;
+}
+#fjfleft {
+  float: left;
+  margin-right: 1em;
+}
+#fjfleft img {
+  margin-bottom: 1em;
+  width: 192px;
+  height: 192px;
+}
+#fjfleft p {
+  margin: 0;
+  font-size: 16pt;
+  text-align: center;
+}
+#fjfright {
+  text-align: center;
+}
+#fulljob a {
+  text-decoration: none;
+  color: #fb4d00;
+}
+#fulljob a:hover {
+  color: #fb7700;
+}
-- 
cgit v1.2.3