Resolving actor birth and residence place before storage. Layout improvements.

public/css/style.css

@@ -599,11 +599,11 @@
 }
 .profile .avatar-link[data-v-677a8360] {
     font-size: 0;
-    padding: 1rem;
+    padding: 1rem 0 1rem 1rem;
 }
 .profile .avatar[data-v-677a8360] {
-    height: 15rem;
-    width: 15rem;
+    height: 12rem;
+    width: 12rem;
     flex-shrink: 0;
     margin: 0 1rem 0 0;
     -o-object-fit: cover;
@@ -613,10 +613,10 @@
 }
 .bio[data-v-677a8360] {
   flex-grow: 1;
-  min-width: 18rem;
+  min-width: 20rem;
   box-sizing: border-box;
   padding: 1rem;
-  margin: 0 3rem 0 0;
+  margin: 0 2rem 0 0;
 }
 .bio-header[data-v-677a8360] {
   display: flex;
@@ -631,16 +631,24 @@
   line-height: 1.75;
   text-align: right;
   font-size: .9rem;
+}
+.bio-label[data-v-677a8360] {
+  color: rgba(255, 255, 255, 0.5);
+  display: flex;
+  align-items: center;
+  margin: 0 1rem 0 0;
+  flex-shrink: 0;
+  font-style: normal;
   font-weight: bold;
 }
-.bio-heading[data-v-677a8360] {
-  color: rgba(255, 255, 255, 0.5);
-  font-weight: normal;
-  font-style: normal;
-}
-.bio-heading .icon[data-v-677a8360] {
+.bio-label .icon[data-v-677a8360] {
     fill: rgba(255, 255, 255, 0.5);
-    margin: 0 .5rem 0 0;
+    margin: 0 .5rem .5rem 0;
+}
+.bio-value[data-v-677a8360] {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .flag[data-v-677a8360] {
   margin: 0 .25rem 0 0;
@@ -674,20 +682,6 @@
   padding: 0 0 0 .5rem;
   border-left: solid 1px rgba(255, 255, 255, 0.2);
   margin: 0 0 0 .5rem;
-  /*
-    &::before {
-        content: ' (';
-    }
-
-    &::after {
-        content: ')';
-    }
-
-    &::before,
-    &::after {
-        color: $highlight;
-    }
-    */
 }
 .country[data-v-677a8360] {
   display: block;
@@ -706,18 +700,19 @@
   max-height: 10rem;
   flex-grow: 1;
   position: relative;
-  display: inline-block;
+  display: block;
   box-sizing: border-box;
   padding: 1rem 0 0 0;
   margin: 0 2rem 0 0;
   line-height: 1.5;
   text-overflow: ellipsis;
   font-size: .9rem;
-  overflow: hidden;
   cursor: pointer;
+  overflow: auto;
+  scrollbar-width: none;
 }
-.description.expanded[data-v-677a8360] {
-    overflow: visible;
+.description[data-v-677a8360]::-webkit-scrollbar {
+    display: none;
 }
 .social[data-v-677a8360] {
   display: block;
@@ -757,7 +752,6 @@
   margin: 0 .5rem 0 0;
 }
 .photos[data-v-677a8360] {
-  max-width: 35vw;
   display: inline-grid;
   grid-template-columns: repeat(auto-fit, 15rem);
   grid-gap: .5rem;
@@ -787,6 +781,11 @@
     display: none;
 }
 }
+@media (min-width: 1200px) {
+.photos.wide[data-v-677a8360] {
+    max-width: 35vw;
+}
+}
 @media (max-width: 1200px) {
 .profile .avatar-link[data-v-677a8360],
   .social[data-v-677a8360] {
@@ -833,10 +832,13 @@
 .bio-header[data-v-677a8360] {
     margin: 1rem 0;
 }
-.place[data-v-677a8360],
+.city[data-v-677a8360],
+  .state[data-v-677a8360],
   .ethnicity[data-v-677a8360],
   .residence[data-v-677a8360],
   .weight[data-v-677a8360],
+  .tattoos[data-v-677a8360],
+  .piercings[data-v-677a8360],
   .scraped[data-v-677a8360] {
     display: none;
 }
@@ -901,6 +903,7 @@
   display: block !important;
   z-index: 10000; }
   .tooltip .tooltip-inner {
+    max-width: 20rem;
     background: #222;
     color: white;
     border-radius: 16px;