diff --git a/app/assets/images/37signals.svg b/app/assets/images/37signals.svg
index 8ff6c3bb8..366fe6b6a 100644
--- a/app/assets/images/37signals.svg
+++ b/app/assets/images/37signals.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/app/assets/images/basecamp.svg b/app/assets/images/basecamp.svg
index 2c7fc7991..2aa85d28b 100644
--- a/app/assets/images/basecamp.svg
+++ b/app/assets/images/basecamp.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/app/assets/images/fizzy.svg b/app/assets/images/fizzy.svg
index fd9f5f8bf..451b0511b 100644
--- a/app/assets/images/fizzy.svg
+++ b/app/assets/images/fizzy.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/app/assets/images/hey.svg b/app/assets/images/hey.svg
index 8abcce318..fbc7a777a 100644
--- a/app/assets/images/hey.svg
+++ b/app/assets/images/hey.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css
index 3c92f82ba..f747091da 100644
--- a/app/assets/stylesheets/icons.css
+++ b/app/assets/stylesheets/icons.css
@@ -11,6 +11,7 @@
mask-repeat: no-repeat;
mask-size: var(--icon-size, 1em);
pointer-events: none;
+ position: relative;
user-select: none;
}
@@ -18,7 +19,11 @@
background: none;
}
- .icon--37signals { --svg: url("37signals.svg"); }
+ .icon--37signals {
+ --svg: url("37signals.svg");
+ top: -0.1em;
+ margin-right: 0.1375em;
+ }
.icon--add { --svg: url("add.svg "); }
.icon--add--meta { --svg: url("add--meta.svg "); }
.icon--arrow-left { --svg: url("arrow-left.svg "); }
@@ -28,7 +33,13 @@
.icon--assigned { --svg: url("assigned.svg "); }
.icon--attachment { --svg: url("attachment.svg "); }
.icon--authentication { --svg: url("authentication.svg "); }
- .icon--basecamp { --svg: url("basecamp.svg"); }
+ .icon--basecamp {
+ --svg: url("basecamp.svg");
+ inline-size: 1.14em;
+ mask-size: 1.14em var(--icon-size, 1em);
+ top: -0.1em;
+ margin-right: 0.1375em;
+ }
.icon--bell-alert { --svg: url("bell-alert.svg "); }
.icon--bell-off { --svg: url("bell-off.svg "); }
.icon--bell { --svg: url("bell.svg "); }
@@ -58,10 +69,20 @@
.icon--gear { --svg: url("gear.svg "); }
.icon--grid { --svg: url("grid.svg "); }
.icon--filter { --svg: url("filter.svg "); }
- .icon--fizzy { --svg: url("fizzy.svg"); }
+ .icon--fizzy {
+ --svg: url("fizzy.svg");
+ top: -0.1em;
+ margin-right: 0.1375em;
+ }
.icon--globe { --svg: url("globe.svg "); }
.icon--golden-ticket { --svg: url("golden-ticket.svg "); }
- .icon--hey { --svg: url("hey.svg"); }
+ .icon--hey {
+ --svg: url("hey.svg");
+ block-size: 1.06em;
+ mask-size: var(--icon-size, 1em) 1.06em;
+ top: -0.1em;
+ margin-right: 0.1375em;
+ }
.icon--history { --svg: url("history.svg "); }
.icon--home { --svg: url("home.svg "); }
.icon--install-edge { --svg: url("install-edge.svg "); }
diff --git a/app/views/layouts/shared/_colophon.html.erb b/app/views/layouts/shared/_colophon.html.erb
index f97003aa8..24ceb5b23 100644
--- a/app/views/layouts/shared/_colophon.html.erb
+++ b/app/views/layouts/shared/_colophon.html.erb
@@ -1,19 +1,11 @@
<%= link_to "https://www.fizzy.do", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %>
- <%= icon_tag "fizzy", class: "v-align-middle" %>
- Fizzy™
-<% end %>
+ <%= icon_tag "fizzy", class: "v-align-middle" %>Fizzy™<% end %>
is designed, built, and backed by
<%= link_to "https://37signals.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %>
- <%= icon_tag "37signals", class: "v-align-middle" %>
- 37signals™,
-<% end %>
+ <%= icon_tag "37signals", class: "v-align-middle" %>37signals™<% end %>,
makers of
<%= link_to "https://www.basecamp.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %>
- <%= icon_tag "basecamp", class: "v-align-middle" %>
- Basecamp™
-<% end %>
+ <%= icon_tag "basecamp", class: "v-align-middle" %>Basecamp™<% end %>
and
<%= link_to "https://www.hey.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %>
- <%= icon_tag "hey", class: "v-align-middle" %>
- HEY™
-<% end %>
+ <%= icon_tag "hey", class: "v-align-middle" %>HEY™<% end %>
\ No newline at end of file