From 4f1e51e7bdd6002c0406ac5380e460e9f39d9921 Mon Sep 17 00:00:00 2001
From: Marek Baczynski <marekba@kth.se>
Date: Tue, 13 Nov 2018 01:20:59 +0100
Subject: [PATCH] made the site a little better looking on any mobile phone
 that is exactly my iphone.

---
 parts/static/style.css          | 18 +++++++++++-------
 parts/templates/partsearch.html |  4 ++++
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/parts/static/style.css b/parts/static/style.css
index 949739f..77b4320 100644
--- a/parts/static/style.css
+++ b/parts/static/style.css
@@ -2,6 +2,7 @@ html {
   background-color: #D7E2E2;
   color: #000F0F;
   font-family: 'Roboto', sans-serif;
+  font-size:large;
 }
 
 body {
@@ -26,7 +27,7 @@ h3 {
   color: #5E9292;
   text-align: center;
   padding: 12pt;
-  font-size: 20pt;
+  font-size: x-large;
   opacity: 0;
 }
 
@@ -40,7 +41,7 @@ a {
 
 input[type=text].search-bar {
   color: #404040;
-	font-size: 20pt;
+	font-size: x-large;
 	padding: 5pt 8pt 5pt 8pt;
 	margin-top: 8pt;
 	margin-bottom: 8pt;
@@ -162,11 +163,14 @@ div label input {
 	color: #D7E2E2;
 	display: none;
 	height: 90%;
-	left: 20%;
   padding: 0;
   position: fixed;
+  margin:auto;
+  left:0;
+  right:0;
   top:0;
-	width: 60%;
+	min-width: 60%;
+  width:900px;
 	z-index: 201;
 	border-radius: 2pt;
 	text-align: center;
@@ -289,7 +293,7 @@ table#results {
 table#results th {
   background-color: #226666;
   color: #D7E2E2;
-  padding: 4pt;
+  padding: 5pt;
   border-right: 2px solid #D7E2E2;
   border-left: 2px solid #D7E2E2;
 }
@@ -322,7 +326,7 @@ table#results #docs {
 table#details {
   position: absolute;
   left: 0;
-  width: 45%;
+  width: 35%;
   margin-top: 4%;
 }
 
@@ -393,7 +397,7 @@ td p {
   right: 5%;
   /*margin-top: 4%;*/
   max-height: calc(90% - 42pt);
-  max-width: 50%;
+  max-width: 60%;
 }
 
 .pinfo-input {
diff --git a/parts/templates/partsearch.html b/parts/templates/partsearch.html
index 564694f..cd3801a 100644
--- a/parts/templates/partsearch.html
+++ b/parts/templates/partsearch.html
@@ -43,6 +43,7 @@
     <div class="shadow" onclick="overlay_out()"></div>
   	<div class="overlay">
       <h2>Part Details</h2>
+      <div>
       <table id="details">
         <tr id="location-head"><td>LOCATION</td></tr>
         <tr id="location"><td><p></p>
@@ -63,10 +64,13 @@
         <tr id="datasheet"><td><input type="file" accept=".pdf" class="pinfo-input"></td></tr>
       </table>
       <img src="" id="map" class="map"/>
+      </div>
+      <div>
       <div class="round-button-left"><a href="#" id="edit-button"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
       <div class="round-button"><a href="#" id="delete-button"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
       <div class="round-button-right"><a href="#" id="duplicate-button" onclick="init_edit(-1)"><i class="fa fa-copy" aria-hidden="true"></i></a></div>
       <div class="small-square-button"><a href="#" onclick="overlay_out()"><i class="fa fa-times" aria-hidden="true"></i></a></div>
+     </div>
   	</div>
     <div class="round-floating-button"><a href="#" onclick="new_entry()"><i class="fa fa-plus" aria-hidden="true"></i></a></div>
   </body>