Fix for name boxes wrapping main image

6 files changed, 32 insertions, 71 deletions

diff --git a/themes/clouds/css-1.5.4/style.css b/themes/clouds/css-1.5.4/style.css
index 555a3361ea..f6823775a4 100644
--- a/themes/clouds/css-1.5.4/style.css
+++ b/themes/clouds/css-1.5.4/style.css
@@ -3140,13 +3140,11 @@ dd .deletelink {
 
 #indi_mainimage {
 	float: left;
-	min-width: 120px;
+	padding: 0 10px 0 0;
 }
 
-#indi_mainimage img {
-	display: block;
-	margin: auto;
-	padding: 0 5px 0 0;
+#header_accordion1 {
+	overflow: hidden;
 }
 
 #header_accordion1 .indi_name_details {
@@ -3255,10 +3253,7 @@ dd .deletelink {
 
 [dir=rtl] #indi_mainimage {
 	float: right;
-}
-
-[dir=rtl] #indi_mainimage img{
-	padding: 0 0 0 5px;
+	padding: 0 0 0 10px;
 }
 
 [dir=rtl] #indi_note .fact_NOTE {
@@ -5451,4 +5446,4 @@ table.table-census-assistant th {
 .btn-group {
 	display: inline-block;
 	margin: 0 4px;
-}
\ No newline at end of file
+}
diff --git a/themes/colors/css-1.5.4/css/colors.css b/themes/colors/css-1.5.4/css/colors.css
index 295be42c1e..e73b1755dc 100644
--- a/themes/colors/css-1.5.4/css/colors.css
+++ b/themes/colors/css-1.5.4/css/colors.css
@@ -2967,13 +2967,11 @@ span.link_text {
 
 #indi_mainimage {
 	float: left;
-	min-width: 120px;
+	padding: 0 10px 0 0;
 }
 
-#indi_mainimage img {
-	display: block;
-	margin: auto;
-	padding: 0 5px 0 0;
+#header_accordion1 {
+	overflow: hidden;
 }
 
 #header_accordion1 .indi_name_details {
@@ -3089,10 +3087,7 @@ dd .deletelink {
 
 [dir=rtl] #indi_mainimage {
 	float: right;
-}
-
-[dir=rtl] #indi_mainimage img{
-	padding: 0 0 0 5px;
+	padding: 0 0 0 10px;
 }
 
 [dir=rtl] #indi_note .fact_NOTE {
@@ -5242,4 +5237,4 @@ table.table-census-assistant th {
 .btn-group {
 	display: inline-block;
 	margin: 0 4px;
-}
\ No newline at end of file
+}
diff --git a/themes/fab/css-1.5.4/style.css b/themes/fab/css-1.5.4/style.css
index f47ca5ede0..66bef7c2b1 100644
--- a/themes/fab/css-1.5.4/style.css
+++ b/themes/fab/css-1.5.4/style.css
@@ -1778,17 +1778,11 @@ span.link_text {
 
 #indi_mainimage {
 	float: right;
-	min-width: 120px;
-}
-
-#indi_mainimage img {
-	display: block;
-	margin: auto;
-	padding: 0 0 0 5px;
 }
 
 #header_accordion1 {
-	padding: 0 10px
+	padding: 0 10px;
+	overflow: hidden;
 }
 
 #header_accordion1 .indi_name_details {
@@ -1874,10 +1868,6 @@ dd .deletelink {
 	float: left;
 }
 
-[dir=rtl] #indi_mainimage img{
-	padding: 0 5px 0 0;
-}
-
 [dir=rtl] #indi_note .fact_NOTE {
 	float: right;
 	margin: 0 0 0 10px;
@@ -4030,4 +4020,4 @@ table.table-census-assistant th {
 .btn-group {
 	display: inline-block;
 	margin: 0 4px;
-}
\ No newline at end of file
+}
diff --git a/themes/minimal/css-1.5.4/style.css b/themes/minimal/css-1.5.4/style.css
index d9c17487a3..8df429d1ab 100644
--- a/themes/minimal/css-1.5.4/style.css
+++ b/themes/minimal/css-1.5.4/style.css
@@ -2103,7 +2103,12 @@ span.link_text:hover {
 }
 
 #header_accordion1 {
-	padding: 0 10px;
+	overflow: hidden;
+	padding: 0 20px 0 0;
+}
+
+[dir='rtl'] #header_accordion1 {
+	padding: 0 0 0 20px;
 }
 
 #header_accordion1 .indi_name_details {
@@ -2227,10 +2232,6 @@ dd .deletelink {
 	float: left;
 }
 
-[dir=rtl] #indi_mainimage img{
-	padding: 0 5px 0 0;
-}
-
 [dir=rtl] #indi_note .fact_NOTE {
 	float: right;
 	margin: 0 0 0 10px;
@@ -3977,13 +3978,6 @@ a.icon-udarrow {
 /* Silhouettes on individual pages */
 #indi_mainimage {
 	float: right;
-	min-width: 120px;
-}
-
-#indi_mainimage img {
-	display: block;
-	margin: auto;
-	padding: 0 0 0 5px;
 }
 
 #indi_mainimage .icon-silhouette-F {
@@ -4401,4 +4395,4 @@ table.table-census-assistant th {
 .btn-group {
 	display: inline-block;
 	margin: 0 4px;
-}
\ No newline at end of file
+}
diff --git a/themes/webtrees/css-1.5.4/style.css b/themes/webtrees/css-1.5.4/style.css
index 4189ad2b53..681575aa00 100644
--- a/themes/webtrees/css-1.5.4/style.css
+++ b/themes/webtrees/css-1.5.4/style.css
@@ -3113,9 +3113,6 @@ delete links ==================== */
 	width: 100%;
 }
 
-#header_accordion1 {
-	padding: 0 10px;
-}
 #indi_header h3 {
 	font-size: 90%;
 	font-weight: bold;
@@ -3170,13 +3167,16 @@ delete links ==================== */
 
 #indi_mainimage {
 	float: left;
-	min-width: 120px;
+	padding: 0 10px;
 }
 
-#indi_mainimage img {
-	display: block;
-	margin: auto;
-	padding: 0 5px 0 0;
+#header_accordion1 {
+	padding: 0 10px 0 0;
+    overflow: hidden;
+}
+
+[dir='rtl'] #header_accordion1 {
+	padding: 0 0 0 10px;
 }
 
 #header_accordion1 .indi_name_details {
@@ -3280,10 +3280,6 @@ dd .deletelink {
 	float: right;
 }
 
-[dir=rtl] #indi_mainimage img{
-	padding: 0 0 0 5px;
-}
-
 [dir=rtl] #indi_note .fact_NOTE {
 	float: right;
 	margin: 0 0 0 10px;
@@ -5300,4 +5296,4 @@ table.table-census-assistant th {
 
 [dir=rtl] .btn-group button:first-child {
 	border-radius: 3px 0 0 3px;
-}
\ No newline at end of file
+}
diff --git a/themes/xenea/css-1.5.4/style.css b/themes/xenea/css-1.5.4/style.css
index 28e87aa161..ece234ab22 100644
--- a/themes/xenea/css-1.5.4/style.css
+++ b/themes/xenea/css-1.5.4/style.css
@@ -3082,6 +3082,7 @@ span.link_text {
 }
 
 #header_accordion1 {
+	overflow: hidden;
 	padding: 0 10px;
 }
 
@@ -3184,10 +3185,6 @@ dd .deletelink {
 	float: right;
 }
 
-[dir=rtl] #indi_mainimage img{
-	padding: 0 0 0 5px;
-}
-
 [dir=rtl] #indi_note .fact_NOTE {
 	float: right;
 	margin: 0 0 0 10px;
@@ -5011,13 +5008,7 @@ a.icon-uarrow:hover {
 /* Silhouettes on individual pages */
 #indi_mainimage {
 	float: left;
-	min-width: 120px;
-}
-
-#indi_mainimage img {
-	display: block;
-	margin: auto;
-	padding: 0 5px 0 0;
+	padding: 0 10px;
 }
 
 #indi_mainimage .icon-silhouette-F {
@@ -5451,4 +5442,4 @@ table.table-census-assistant th {
 
 [dir=rtl] .btn-group button:first-child {
 	border-radius: 3px 0 0 3px;
-}
\ No newline at end of file
+}