+ #peertube-title {
+ @include disable-default-a-behaviour;
+ font-size: 20px;
+ font-weight: $font-bold;
+ color: inherit !important;
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+
+ .instance-name {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ }
+
+ .icon.icon-logo {
+ display: inline-block;
+ background: url('../assets/images/logo.svg') no-repeat;
+ width: 23px;
+ height: 24px;
+ }
+ }
+
+ @media screen and (max-width: 500px) {
+ width: 70px;
+
+ #peertube-title {
+ display: none;
+ }
+ }
+
+ @media screen and (max-width: 350px) {
+ flex: auto;