環境

• CentOS7
• Python3.6
• JupyterNotebook 5.4.0

お悩み

レンタルサーバー借りてJupyterNotebook環境を作ったはいいけどなんだかセル幅が狭い。

Notebookのソースを見ると、セル幅は以下の構成になっていました。

<div class="container" id="notebook-container" style="width: 82%;margin-left:auto;">...</div>

notebook-containerというidなんですね。こいつをcssでいじればよさそうです。
~/.jupyter/custom/custom.cssをいじくって

#notebook-container {
    width: 95%;
}

としてみたけど、狭い。
どうやらJupyterNotebookの内部JSの書き込みでstyleが動的に変更させられているためか、上書きされてしまっているようです...どうしたもんか

解決法

ググったらCSSで !importantルールなるものがあるらしいです。
スタイルを優先させることが出来るようです。
僕はCSSめちゃ素人なので初めて知りました。
さっそく試してみます。

#notebook-container {
    width: 95% !important;
}

持ってるPCの画面が狭いので助かります。

今後

最近(半年前くらい)ノートPCがぶっ壊れたので、スマホでNotebook操作出来ないかなぁ～と思っていました。
スマホだとコード実行をするボタンと、コードを入力する時Tabで補完出来ないのが使いにくいなぁ～と感じていたのでそこらへん作れないかな～。
今回のセル幅を解決するためにJupyterNotebookの生コードを色々見たので、何かいけそうな気がしてきたような気がしますが
JSよく知らないので多分出来ません。
スマホに対応してくれないかなぁ～

(2019.07.14)
あまりにも見苦しい文章のため文章の修正(それでも見苦しいのは勘弁)