Recenter 'Read more' button for note previews

[sashadev-sky]

Hi, this is a first-timers-only issue. This means we've worked to make it more legible to folks who either haven't contributed to our codebase before, or even folks who haven't contributed to open source before.

If that's you, we're interested in helping you take the first step and can answer questions and help you out as you do. Note that we're especially interested in contributions from people from groups underrepresented in free and open source software!

We know that the process of creating a pull request is the biggest barrier for new contributors. This issue is for you 💝

If you have contributed before, consider leaving this one for someone new, and looking through our general help wanted issues. Thanks!

🤔 What you will need to know.

Nothing. This issue is meant to welcome you to Open Source :) We are happy to walk you through the process.

The problem

The 'notes' previews across the site are aligned right instead of centered!
https://publiclab.org/search/notes/balloon

Solution

This is a pretty easy one -- let's remove the CSS declarations from the notes HTML file that are overwriting the button's previously centered alignment:

Delete line 69 (and line 70, which is overwritten by the declaration directly under it anyway):

plots2/app/views/notes/_notes.html.erb

Lines 66 to 72 in c204b26

	<style>
	.content {
	width: 100px;
	margin-left: auto;
	margin-bottom: 0;
	margin-bottom: 30%;
	</style>

Delete the entire inline style attribute.

plots2/app/views/notes/_notes.html.erb

Line 51 in c204b26

<a class="btn btn-default" style="float: right; margin-left: 1px;" href="<%= node.path %>"><%= t('notes._notes.read_more') %></a>

Thanks!!

Steps to Fix

• Claim this issue with a comment here, below, and ask any clarifying questions you need
• Fork the repository and set it up locally following the main repo README instructions https://github.com/publiclab/plots2
• Create a new feature branch with a unique name descriptive to the issue
• Try to fix the issue following the steps above, but even before you're done, you can:
  commit your changes to your branch and start a pull request (see contributing to Public Lab software) but mark it as "in progress" if you have questions or if you haven't finished
• Reference this issue in the pull request body
• Once you submit your pull request, an additional checklist will be provided for getting it merged

💬 Get help

If you need any help - here are some options:

• Comment below
• Join our gitter chat at https://gitter.im/publiclab/publiclab

[rachelkam5]

Hi! I would love to contribute to this issue. This would be my very first open source contribution.

[rachelkam5]

I just read over your README file, and I have a question about #4 under Standard Installation. I've never worked with Rails before, so I'm not sure about the rails root directory. Do I need to install Rails or something else before setting up the fork locally? Thank you!

[sashadev-sky]

@rachelkam5 we would love your help on this!

The root directory of any project refers to the top-level directory - in this case the same place where the Gemfile is located. Since Rails is the framework used for plots2, the README is just referring to the whole project as 'rails' and saying run the command from its root directory.

Rails is available as a gem in the Gemfile so running the provided bundle install command should setup everything you need :)

Let me know if that helps!

[rachelkam5]

@sashadev-sky Thank you! I will get to work and let you know if I have any more questions!

[sashadev-sky]

Sounds good 👍

[rachelkam5]

Hi @sashadev-sky I'm so sorry, but I don't think I'm cut out for this one. I've spent a really long time trying to install Ubuntu, Bash, RVM, etc. and I'm getting error after error. I'm so sorry!

[sashadev-sky]

@rachelkam5 Don't worry!! Ask as many questions as you'd like, thats what this issue is for :)

I received a lot of errors my first time setting up the repo as well. Maybe I can take a look at yours? Feel free to message me in the Gitter chatroom if you prefer.

[jywarren]

Yes, and there are some discussions on common install issues over at #3840 -- maybe that can help too!

[wanzulfikri]

@rachelkam5 Can I take a stab at this? If you are still working on this, do continue.

[rachelkam5]

@wanzulfikri Yes, please take over! Thank you!

[wanzulfikri]

@rachelkam5 Thanks! I’ll try to do it.

I’m a bit slow, so if anyone wants to do it and can complete it earlier than I, feel free to do it and submit the pull request.

[uzorjchibuzor]

@wanzulfikri

How far along are you? I also want to take a stab at this.

[wanzulfikri]

@uzorjchibuzor

Honestly - zero progress.

You can try if you want.

I don’t own it haha.

[navkumar2245]

can i work on this issue if not fixed.

[SidharthBansal]

We have a PR. Please look for other issues

[SidharthBansal]

@sashadev-sky
please use permalinks instead of line numbers. They are adjusted as the other changes are merged by other users..

[SidharthBansal]

Solved in #4146

[sashadev-sky]

@SidharthBansal thank you for taking over here :) noted about the line numbers