Align download as buttons on smaller screens

[cesswairimu]

Created specifically for @karunagoyalk

🤔 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.

📋 Step by Step

• 🙋 Claim this issue: Comment below. If someone else has claimed it, ask if they've opened a pull request already and if they're stuck -- maybe you can help them solve a problem or move it along!

• 📝 Update:
  At https://publiclab.org/stats the download as buttons are not well aligned(To see this locally login as admin) are not aligned well on smaller screens.
  

https://github.com/publiclab/plots2/blob/master/app/views/stats/_range.html.erb#L32-L94

Update

• Remove https://github.com/publiclab/plots2/blob/master/app/views/stats/_range.html.erb#L32-L33 and replace with

 <div class="row">
 <div class="col-md-4 col-md-offset-2">

• Replace https://github.com/publiclab/plots2/blob/master/app/views/stats/_range.html.erb#L64-L66

</div>
&emsp;
<div class="col-md-3">

• Add two divs after line https://github.com/publiclab/plots2/blob/master/app/views/stats/_range.html.erb#L94

 </div>
</div>

After changing the view, also attach the screenshot of updated view in the PR. (You probably have to go on responsive design mode by pressing Ctrl+shift+M)

• 💾 Commit your changes

• 🔀 Start a Pull Request. There are two ways how you can start a pull request:

1. If you are familiar with the terminal or would like to learn it, here is a great tutorial on how to send a pull request using the terminal.

2. You can also edit files directly in your browser and open a pull request from there.

• 🏁 Done Ask in comments for a review :)

🤔❓ Questions?

Leave a comment below!

[cesswairimu]

@karunagoyalk here you go

[GettyOrawo]

Hello @cesswairimu has is this issue already claimed?

[grvsachdeva]

Hey @GettyOrawo, this issue was created for @karunagoyalk as they were searching for an issue to take on. Are you looking for a FTO?

[karunagoyalk]

@cesswairimu @gauravano thanks! I will work on it

[helenatxu]

Hi I am an Outreachy applicant, could I be assigned to this issue to work on? Or maybe you have another issue you could assign me to start working :) Thanks @gauravano

[cesswairimu]

Hi @karunagoyalk how is this coming along?

[karunagoyalk]

@cesswairimu hey! Actually i faced some problem while installing and building the project.But I am trying , i will get back to you in some time with PR

[cesswairimu]

Okay cool. rem to checkout #3840 to see if there are any issues you are getting that was solved there or add a comment with your error and we can try and help

[karunagoyalk]

Hey! @cesswairimu I have mailed for Free invite for cloud9, But I did not get any response yet!

[cesswairimu]

Hey @karunagoyalk Not sure accepts the access requests for c9 but let me find out. Did you have installations problems? Maybe you can edit it on github and I will help add the screenshot for you?

[karunagoyalk]

Hey! @cesswairimu I have done the editing on github! please help me in adding screenshot.

[cesswairimu]

cool, on it

[cesswairimu]

Hey @karunagoyalk could you create a new branch.
go here

and type fix-download-buttons when the create blue highlight comes click on it..so we can make a pull request from that branch. Thanks

[karunagoyalk]

Hey @cesswairimu I have created the branch,as per you suggested me to do!

[cesswairimu]

Awesome seen it...one last thing I want you to make the pull request. just go here https://github.com/karunagoyalk/plots2/tree/Fix-download-buttons then click the Compare button on the right side. Then just click the create pull request green button then we are set

[karunagoyalk]

Hey @cesswairimu what is this?

[karunagoyalk]

@cesswairimu Hey! I am new to open source, please help me , what to do here as I have not added any Screenshot

[cesswairimu]

I will add it for you just now...awesome creating a pull request 🎉

[cesswairimu]

Hey @karunagoyalk added the screenshot and left a comment. You can edit this by going here https://github.com/publiclab/plots2/pull/5152/files an then hit the edit
and change line 33 to <div class="col-md-4 col-md-offset-1"> after that just commit then we are ready. Thanks

[karunagoyalk]

@cesswairimu Hey! thanks alot for helping me in creating my first PR.I have done the final editing, Can you please have a look,Let me know!

[karunagoyalk]

@cesswairimu Hey! Can you assign me some other issue to work on?

[cesswairimu]

Hey @karunagoyalk you can through these issues https://github.com/publiclab/plots2/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22 and see if there is an issue you can work on. Feel free to ping me if you get stuck. Also I would suggest you install the code locally or have it set on C9 for easier testing.