Added js for edit pref loc

css/edit-prefered-location.css

 .kotak{
 	width: 40%;
 	margin: 20 30% 0 30%;
-	padding: 10 10 10 10;
+	padding: 10;
 }
 
 table{
@@ -33,6 +33,30 @@ table, th, td, tr{
 	width: 20%;
 }
 
+#locationinput{
+	 display: none;
+	 width: 100%;
+	 height: 30;
+}
+
+button{
+	background-color: white;
+	border: none;
+	height:30;
+	width:35;
+	padding: 0;
+}
+
+.editbutton{
+	height: 25;
+	width: 25;
+}
+
+.deletebutton{
+	height: 25;
+	width: 25;
+}
+
 .addset div{
 	display: inline-block;
 	vertical-align: middle;
@@ -45,7 +69,7 @@ table, th, td, tr{
 
 .field input{
 	width: 100%;
-	height: 2em;
+	height: 30;
 }
 
 .submitbutton{
@@ -59,5 +83,5 @@ table, th, td, tr{
 	border-radius: 5px;
 	font-size: 130%;
 	padding: 0 0 0 0;
-	color: #008800;
+	color: #000000;
 }

view/edit-prefered-locations.html

@@ -13,6 +13,27 @@
 					<th class="tabloc">Location</td>
 					<th class="tabact">Actions</td>
 				</tr>
+				<tr>
+					<td class="tabno">1</td>
+					<td class="tabloc">
+						<div  id="locationtext">2</div>
+						<input id="locationinput" type="text">
+					</td>
+					<td class="tabact">
+						<div class="addset" align="center">
+							<div margin-right=50>
+								<button onClick=hideMe() class="editsave">
+									<img src="../img/pencil.png" class="editbutton" id="imageeditsave">
+								</button>
+							</div>
+							<div>
+								<button onClick=f() class="delete">
+									<img src="../img/delete.png" class="deletebutton">
+								</button>
+							</div>
+						</div>
+					</td>
+				</tr>
 			</table>
 			<br>
 			<br>
@@ -20,7 +41,7 @@
 			<div class="addset">
 				<div class="field"><input type="text"></div>
 				<div class="submitbutton">
-					<input type="Submit" value="GO!" class="submit">
+					<input type="Submit" value="ADD" class="submit">
 				</div>
 			</div>
 		</div>