Opened 5 years ago

Closed 5 years ago

#5583 closed enhancement (no-action)

"Create Account" and "Start an Instance" are squished together

Reported by: anongoblin Owned by:
Priority: trivial Milestone:
Component: graphic design/interface Keywords: css, button
Cc: muto.lachen@… Parent Tickets:

Description

On the main starting page of Mediagoblin (when the user is logged out), there are two buttons:
"Create an account on this site" and
"Set up MediaGoblin on your own server".

The two buttons appear to have no margin between them, forcing them to be as close together as possible.

This is using the "base.css" theme.

Attachments (3)

issue_5583.patch​ (693 bytes ) - added by anongoblin 5 years ago.
A patch file addressing the issue (add margin: 1px to both button classes)
Screen Shot 2020-04-02 at 02.51.31.png​ (106.9 KB ) - added by Ben Sturmfels 5 years ago.
Screenshot without patch applied
firefox-nopatch.png​ (8.7 KB ) - added by anongoblin 5 years ago.
A Firefox screenshot demonstrating that the buttons are close together.

Download all attachments as: .zip

Change History (11)

by anongoblin, 5 years ago

Attachment: issue_5583.patch​ added

A patch file addressing the issue (add margin: 1px to both button classes)

comment:1 by Ben Sturmfels, 5 years ago

Cc: muto.lachen@… added

Hi Muto Lachen,

Thanks for taking the time to contribute, and sorry for the delay in replying!

Would you mind attaching an image of the buttons that are too close together? I've attached an image of what I'm seeing, before applying your patch - it looks ok on the default theme. What theme do you have configured in your mediagoblin.ini?

Regards,
Ben

by Ben Sturmfels, 5 years ago

Attachment: Screen Shot 2020-04-02 at 02.51.31.png​ added

Screenshot without patch applied

by anongoblin, 5 years ago

Attachment: firefox-nopatch.png​ added

A Firefox screenshot demonstrating that the buttons are close together.

in reply to:  1 ; comment:2 by anongoblin, 5 years ago

Replying to Ben Sturmfels:

Would you mind attaching an image of the buttons that are too close together? I've attached an image of what I'm seeing, before applying your patch - it looks ok on the default theme. What theme do you have configured in your mediagoblin.ini?

I replied via email, but I don't know if it will be publicly visible.
On Firefox 72 and Icecat 68, the buttons are close together (attached image: firefox-nopatch.png).
On KDE's Falkon, this issue does not exist, *however*, when I apply the patch to fix the Firefox issue, strangely enough, Falkon doesn't see any additional spacing.

I didn't specify a theme in mediagoblin.ini (which should make Mediagoblin use the default theme).

Last edited 5 years ago by anongoblin (previous) (diff)

in reply to:  2 ; comment:3 by Ben Sturmfels, 5 years ago

Replying to anongoblin:

I replied via email, but I don't know if it will be publicly visible.

I can't see your image sorry. Could you please us the "attach file" button to upload your screenshot?

in reply to:  3 ; comment:4 by Ben Card, 5 years ago

Replying to Ben Sturmfels:

I can't see your image sorry. Could you please us the "attach file" button to upload your screenshot?

Hey there. It's still me, I just registered an account.
I did attach the file. Underneath the original post, the "attachments" dropdown menu should include all attachments regarding this ticket. Both our screenshots of the buttons without the patch applied are there.

In case the link is not showing up for you:
https://issues.mediagoblin.org/attachment/ticket/5583/firefox-nopatch.png

Version 0, edited 5 years ago by Ben Card (next)

in reply to:  4 ; comment:5 by Ben Sturmfels, 5 years ago

Replying to Ben Card:

Hey there. It's still me (Muto), I just registered an account.
I did attach the file. Underneath the original post, the "attachments" dropdown menu should include all attachments regarding this ticket. Both our screenshots of the buttons without the patch applied are there.

In case the link is not showing up for you:
https://issues.mediagoblin.org/attachment/ticket/5583/firefox-nopatch.png

Thanks Ben - I can see the screenshot now. I've tried this on a range of devices and browsers and I'm not able to replicate it. I've tried Icecat 68.6.0esr (Guix), Icecat 52.3.0 (Trisquel) Chromium 80.0.3987.149 (Guix) and a couple of phones.

The fonts in your screenshot also seem a little larger than what I'm seeing. Is everything loading correctly in Firefox's developer console? Is it possible that you have a plugin blocking the include Lato font or something?

comment:6 by Ben Sturmfels, 5 years ago

Also just tried Firefox 68.5.0esr (Debian) and couldn't replicate the spacing issue. This is on a new install based on the master branch of MediaGoblin.

in reply to:  5 comment:7 by Ben Card, 5 years ago

Replying to Ben Sturmfels:

The fonts in your screenshot also seem a little larger than what I'm seeing. Is everything loading correctly in Firefox's developer console? Is it possible that you have a plugin blocking the include Lato font or something?

Aha! It's good that you mentioned fonts. It totally slipped my mind that I don't allow websites to load custom fonts.

This is an error on my side. It is not an issue at all. This ticket can be closed. Sorry for wasting your time!

comment:8 by Ben Sturmfels, 5 years ago

Resolution: → noaction
Status: new → closed
Note: See TracTickets for help on using tickets.