Apply client design feedback on the parking copy, icons and barber layout

Four items from the salon, all three languages where applicable.

Massage section icon
- The icon above Om oss (and above Behandlinger, Priser and Åpningstider -
  it is the same image in all four) was beauty's makeup icon, copied in as
  a placeholder before massage had any assets of its own. Replaced with the
  herbal-compress icon tinted to the massage sage, mirroring how beauty's
  is tinted to its rose. beauty/ollo_rose.png is untouched; the copy under
  assets/img/massage/ is removed, and the one dead template rule that still
  pointed at it (.box-heading:before, which renders on no page) repointed.

Parking copy, barber + beauty + massage, no/en/hu
- Dropped the "park free of charge during the treatments" clause from the
  owner bio and replaced it with the new two-space wording.
- Replaced the note under Åpningstider. The Norwegian original was
  misspelled differently in each vertical ("kundeprarking" on barber,
  "kunderparking" on beauty); both are gone.
- massage picks both up automatically: its owner block is extracted from
  beauty-form-<lang>.php at generation time, and the hours note comes from
  the generator.

Barber treatments grid: level the six icons
- .service-text reserves padding-bottom for the 80px floated icon but has
  no height, so every block sizes to its own text. Measured on the live
  page the left column ran 155/155px against the right column's 185/206px,
  because its titles wrap to two lines - so the icons drifted further apart
  with each row (0, 30, 81px).
- Trimmed the reserved padding and gave every block the same floor, so all
  six are identical and the rows line up. 195px clears the tallest block
  and leaves room for a three-line title at the narrow end of the desktop
  range. Desktop only: below 981px the columns stack full width, where a
  floor would only add dead space.
- beauty drifts 20px and massage 0px, so both are left alone.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Ubuntu
2026-08-15 09:00:25 +00:00
co-authored by Claude Opus 5
parent d8fe7724a2
commit de38aae8d5
13 changed files with 65 additions and 39 deletions
+25 -1
View File
@@ -4575,4 +4575,28 @@ input, select, textarea {
width: 5px;
}
}
}
/* ------------------------------------------------------------------ *
* Treatments grid: keep the six icons level across the two columns.
*
* .service-text reserves padding-bottom for the 80px floated icon but has no
* height, so every block sizes to its own text. Measured on the live page the
* left column runs 155/155px while the right runs 185/206px - its titles wrap
* to two lines - so the icons drift further apart with each row (0, 30, 81px).
*
* Fix: trim the reserved padding and give every block the same floor, so all
* six are identical and the rows line up. 195px clears the tallest block and
* leaves room for a three-line title at the narrow end of the desktop range.
*
* Desktop only: below 981px .one-third becomes full width and the columns
* stack, where a floor would only add dead space.
* ------------------------------------------------------------------ */
@media screen and (min-width: 981px) {
.service-area .one-third .service .service-text {
padding-bottom: 55px;
min-height: 195px;
}
}
+1 -1
View File
@@ -3191,7 +3191,7 @@ input, select, textarea {
.common-home .box-heading:before, .box.related .box-heading:before {
content: "";
background: url(../../assets/img/massage/ollo_rose.png) no-repeat scroll;
background: url(../../assets/img/massage/section-icon.png) no-repeat scroll;
width: 75px;
height: 65px;
position: absolute;