'Run in Colab' buttons not rendered on readthedocs

[jxmorris12]

For some reason, the .ipynb HTML is formatted differently when displayed on Github/jupyter/jupyternb and readthedocs. The bit of HTML in each notebook that's intended to show buttons (like 'Run in Colab') doesn't render properly. We probably just need to fix the indentation, or maybe some setting in nbsphinx.

---

Screenshot of how it looks on github (good):

---

Screenshot of how it looks on readthedocs (bad):

[bterrific2008]

According to this issue, HTML-style hyperlinks are not currently supported by nbsphinx. The content of the HTML-style hyperlink is generated as plain text, which accounts for why the buttons appear differently on readthedocs.

An solution could be replacing the buttons with Markdown image links. I was able to replace the "Run in Google Colab" button with a badge:

[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)

I couldn't find an existing "View GitHub Source" badge online, but it shouldn't be difficult to make one with shields.io.

One issue with this solution is that the image links are center aligned and not left aligned in the notebook. There should be a workaround using CSS, but I haven't been able to get it to work locally.

---

Screenshot of how it looks on jupyter notebook:

Screenshot of how it looks from the browser:

[jxmorris12]

Wow, thanks for figuring this out @bterrific2008 -- that sounds like a perfect solution. Do you mind submitting a pull request to fix the buttons?

[bterrific2008]

Will do!