Fixed return page navbar

arc12012 · Dec 2, 2016 · 4ac972b · 4ac972b
1 parent cff4299
commit 4ac972b
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/html/webpages/returnPage.html b/html/webpages/returnPage.html
@@ -31,6 +31,10 @@
       text-align: center;
     }
 
+    div.returnButtonContainer{
+      text-align: right;
+    }
+
     img.device{
       display: block;
     }
@@ -64,15 +68,15 @@
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-        <a class="navbar-brand" href="#"><img src="../imgs/synchrony-financial-logo-dlpx.png" style = "height: 100%"></a>
+        <a class="navbar-brand" href="#"><img src="../imgs/synchrony-financial-logo-dlpx.png" style = "height: 100%;"></a>
       </div>
       <div id="navbar" class="navbar-collapse collapse" aria-expanded="false">
         <ul class="nav navbar-nav navbar-right">
           <li><a href="homePage.html">Home</a></li>
           <li><a href="requestPage.html">Request Device</a></li>
-          <li><a href="#">Return Device</a></li>
+          <li><a href="returnPage.html">Return Device</a></li>
           <li><a href="listingPage.html">Device Listing</a></li>
-          <li><a href="#">User Information</a></li>
+          <li><a href="shoppingCart.html">Shopping Cart</a></li>
         </ul>
       </div>
     </div>
@@ -93,15 +97,21 @@ <h2>Devices to Be Returned</h2>
     <div id = "devContainer">
 
       <div class="deviceContainer">
+<div>
         <div class="imgContainer">
           <img src="../imgs/iphone.png" class="device">name
         </div>
         <div class="deviceInfo">
           <p>Checked out: 4/28/2016</p>
           <p>You've had this device for 20 months, 5 days, 11 hours and 2 minutes</p>
         </div>
+</div>
+        <div class="returnButtonContainer">
+          <button class="returnButton" id="button1" type="button">Return</button>
+        </div>
       </div>
       <br>
     </div>
     <script src="../javascript/return.js" href></script>
+    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> -->
   </body>