Display photos in details panel (#100)

src/index.css

@@ -28,6 +28,7 @@ body, html {
   flex: 0 0 320px;
   overflow: auto;
   border-left: solid #ccc 1px;
+  overflow-x: hidden;
 }
 
 .hidden {
@@ -164,6 +165,12 @@ div.zoom {
   min-width: 40%;
 }
 
+.details .person-image {
+  max-width: 289px;
+  width: 289px;
+  padding: 0 10px;
+}
+
 .ui.form .field.no-margin {
   margin: 0;
 }
@@ -176,3 +183,26 @@ div.zoom {
   height: 300px;
   overflow-y: scroll;
 }
+
+.loaded-image-thumbnail {
+  cursor: zoom-in;
+}
+
+.hidden-image {
+ display: none !important;
+}
+
+.modal-image {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.modal-image .ui.attached.label {
+  width: auto;
+  min-width: 100%;
+}
+
+.image-placeholder {
+  height: 100%;
+}