PhotoPage: replace custom sub-photo boxes with generic equivalents

templates/PhotoPage.php

@@ -40,21 +40,27 @@ class PhotoPage extends Template
 		$this->photo();
 
 		echo '
-				<div id="sub_photo">
-					<h2 class="entry-title">', $this->photo->getTitle(), '</h2>';
+				<div class="row mt-5">
+					<div class="col-8">
+						<div id="sub_photo" class="content-box">
+							<h2 class="entry-title">', $this->photo->getTitle(), '</h2>';
 
 		$this->taggedPeople();
 		$this->linkNewTags();
 
 		echo '
-				</div>';
+						</div>
+					</div>
+					<div class="col-4">';
 
 		$this->photoMeta();
 
-		if($this->is_asset_owner)
+		if ($this->is_asset_owner)
 			$this->addUserActions();
 
 		echo '
+					</div>
+				</div>
 				<script type="text/javascript" src="', BASEURL, '/js/photonav.js"></script>';
 	}
 
@@ -94,7 +100,7 @@ class PhotoPage extends Template
 	private function photoMeta()
 	{
 		echo '
-				<div id="photo_exif_box">
+				<div id="photo_exif_box" class="content-box clearfix">
 					<h3>EXIF</h3>
 					<dl class="photo_meta">';
 
@@ -171,7 +177,9 @@ class PhotoPage extends Template
 		echo '
 				<div>
 					<h3>Link tags</h3>
-					<p style="position: relative"><input type="text" id="new_tag" placeholder="Type to link a new tag"></p>
+					<p style="position: relative">
+						<input class="form-control w-auto" type="text" id="new_tag" placeholder="Type to link a new tag">
+					</p>
 				</div>
 				<script type="text/javascript" src="', BASEURL, '/js/ajax.js"></script>
 				<script type="text/javascript" src="', BASEURL, '/js/autosuggest.js"></script>
@@ -240,7 +248,7 @@ class PhotoPage extends Template
 	public function addUserActions()
 	{
 		echo '
-				<div id=user_actions_box>
+				<div id="user_actions_box" class="content-box">
 					<h3>Actions</h3>
 					<a class="btn btn-danger" href="', BASEURL, '/', $this->photo->getSlug(), '?confirm_delete">Delete</a>
 				</div>';