ui fixes in created_job.jsp

cmsWebApp/webroot/css/common.css

@@ -1598,15 +1598,67 @@ span.rate-label {
   text-align: center;
   margin-bottom: 22px;
 }
-p.job-txt, p.job-txt span{
+p.job-txt{
+    
+    padding: 20px ;
+      margin: 0;
+}
+p.job-txt , p.job-txt span{
     text-align: center;
-    padding: 10% 0 7%;
-    font-family: "Usual-Light";
+    font-family: "Usual-Bold";
+  
 }
 .space-55{
-  display: inline-block;
-  height: 55px;
+  display: inline-block; 
   width: 100%;
+   text-align: center;
+    padding: 0 ;
+    font-size: 14px;
+    margin: 10px 0;
+    color: #4E5258;
+}
+
+.job-desc-box {
+	padding: 60px 110px;
+	background-color: #F5F7F8;
+}
+
+.sample-job-advertise {
+	height: 29px;
+	color: #1A2531;
+	font-size: 24px;
+	font-weight: 300;
+	line-height: 29px;
+}
+.no-float {float: none}
+
+.copy-to-clipboard {	
+	color: #03A0E7;
+	font-size: 10px;
+	font-weight: 500;
+	letter-spacing: 0.91px;	
+	text-align: center;
+	height: 26px;
+	width: 159px;
+	border: 1px solid #03A0E7;
+	border-radius: 13px;
+        display: block;
+        float: right;
+}
+
+.job-desc-box .details-box {	
+    margin-top: 30px;
+	border: 1px solid #DBDBDF;
+	border-radius: 3px;
+	background-color: #FFFFFF;
+        padding: 40px;
+        color: #4E5258;
+        font-size: 14px;
+        font-weight: 300;
+        line-height: 23px;
+}
+.job-desc-box .details-box p {
+    margin-bottom: 30px;
 }
 /*Created Job Page End*/
 

cmsWebApp/webroot/extensions/adminportal/created_job.jsp

@@ -48,7 +48,7 @@
                     <%= url %>
                 </a>
             </h1>
-            <div class="form-page-area">
+            <div class="form-page-area no-float">
                 <div class="job-share-icon">
                     <ul>
                         <li class="share-link" onclick="copyToClipboard()">
@@ -71,8 +71,42 @@
                     <oneit:button   value="<%= "Go to Job" + (fromJob ? "s" : "")%>"  name="gotoPage" cssClass="btn btn-primary largeBtn"
                                     requestAttribs='<%= CollectionUtils.mapEntry("nextPage", nextPage).toMap() %>'/>
                 </div>
-                <div class="space-55"></div>
+                <div class="space-55">You have 4 jobs remaining for this month.</div>
+                
             </div>
+                <div class="job-desc-box">
+                    <div class="sample-job-advertise">
+                        <span>
+                            Sample job advertisment text
+                        </span>
+                        <a class="copy-to-clipboard" onclick="copyToClipboard()">
+                            COPY TO CLIPBOARD
+                        </a>
+                    </div>
+                    <div class="details-box">
+                        <p>
+                        This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about.
+                        </p>
+                        <strong>
+                            About the Hiring Team Title
+                        </strong>    
+                         <p>
+                        This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about.
+                        </p>
+                        <strong>
+                            About the Hiring Team Title
+                        </strong>    
+                         <p>
+                        This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about.
+                        </p>
+                        <strong>
+                            About the Hiring Team Title
+                        </strong>    
+                         <p>
+                        This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about. This opening paragraph should be the about.
+                        </p>
+                    </div>
+                </div>
         </div>
                 <style>
                     .job-share-icon li a.linked-col {line-height: 20px;}